我有一个简单的图像滑块工作正常,但在fadeIn/fadeOut
突然转向下一个fadeOut/fadeIn
之前,不会突然出现。这当然很烦人。
我在Windows上使用FF 27.0.1&和Ubuntu上的27.0。两者都表现出相同的效果。
我已尝试过fadeOut/fadeIn
和fadeToggle
,但效果相同。
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>