我想通过更改src图像（id = imgT）的属性来创建一个简单的幻灯片放映。
ultop不可见（display:none）
<img id='imgT' src="top/00.jpg">
<ul id="ultop">
<li><img src="top/00.jpg"></li>
<li><img src="top/01.jpg"></li>
<li><img src="top/02.jpg"></li>
<li><img src="top/03.jpg"></li>
</ul>
<script>
n=0;
x=$('#ultop li').length;
setInterval(function() {
if ( n < (x - 1)){n+=1;}
else {n=0};
var goimg = $('#ultop li img' + ':eq(' + n +')').attr('src');
$('#imgT').fadeOut(1000, function() {
$('#imgT').attr('src', goimg).fadeIn();
});
}, 7000)
</script>
但是，fadeOut和fadeIn之间有一个空白。
您可以在此处看到现场示例
有没有办法使此过程顺利进行而没有空白。
这样尝试
$('#imgT').fadeOut(1000, function() {
$('#imgT').attr('src', goimg).fadeIn();
});
希望对您有帮助
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句