Jquery在FireFox中褪色闪烁/闪烁

时间:2014-02-16 13:10:06

标签: jquery firefox

我有一个简单的图像滑块工作正常,但在fadeIn/fadeOut突然转向下一个fadeOut/fadeIn之前,不会突然出现。这当然很烦人。

我在Windows上使用FF 27.0.1&和Ubuntu上的27.0。两者都表现出相同的效果。

我已尝试过fadeOut/fadeInfadeToggle,但效果相同。

JSFiddle:http://jsfiddle.net/h6u72/

<style>
#slideshow {
    margin: 10px auto;
    position: relative;
    width: 225px;
    height: 200px;
    padding: 5px;
    box-shadow: 0 0 20px #406dac;
}

#slideshow div {
    position: absolute;
    top: 0px;
    left: 5px;
    right: 10px;
    bottom: 0px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {

    $("#slideshow div:gt(0)").hide();

    setInterval(function() {
        $('#slideshow >  div:first').fadeToggle(2000).next().fadeToggle(2000).end().appendTo('#slideshow');
    }, 3000);

}); 
</script>
<div id="slideshow">
<div>
    <img src="images/promo/couple3a_225x225.png" alt="" />
</div>
<div>
    <img src="images/promo/logo_icon1.png" alt="" />
</div>
<div>
    <img src="images/promo/logo_icon2.png" alt="" />
</div>
<div>
    <img src="images/promo/logo_icon1.png" alt="" />
</div>
<div>
    <img src="images/promo/logo_icon3.png" alt="" />
</div>
</div>

0 个答案:

没有答案