在jquery动画期间闪烁的firefox图像

时间:2015-05-27 20:35:30

标签: jquery image firefox animation

我的问题是在淡入淡出或滑动动画期间图像开始以有线方式闪烁和闪烁

在动画淡入/淡出的情况下 只需滚动包含侧栏淡化动画的页面即可触发问题。

如果滑动,问题只会在滑动开始时发生。

我不知道firefox是如何呈现图像的,或者我的代码在chrome和IE中都能正常工作......无论哪种方式,这个问题都没有任何意义。

顺便说一下我在firefox 38和jquery 1.11.2

上的方式

这是我用于淡化效果的功能:

var listArr = $("#img-list");
var imgIndex = listArr.length - 1;

function fade() {
    var elem = $(listArr[imgIndex]);

    if( elem.css('opacity') == 1 ) {
        elem.fadeTo(2000, 0);
        imgIndex--;
    } else {
        elem.fadeTo(2000, 1);
        imgIndex--;
    }

    if (imgIndex <= 0) {
        imgIndex = listArr.length - 1;
    }
}

1 个答案:

答案 0 :(得分:1)

解决问题

我禁用了firefox硬件加速......现在一切正常。 这里是如何禁用firefox硬件加速:

转到firefox选项然后进入高级版。取消选中&#34;在可用时使用硬件加速。&#34;