Jquery 更改img src属性的幻灯片放映

我想通过更改image（id=

imgT

）的

src

属性来创建一个简单的幻灯片放映。

ultop

不可见（

display:none

）

n=0；
x=$（'#ultop li'）。长度；
setInterval（函数（）{
如果（n<（x-1））{n+=1；}
else{n=0}；
var goimg=$（'#ultop li img'+'：eq（'+n+'））.attr（'src'）；
$（'#imgT'）。淡出（1000，函数（）{
$（'#imgT'）.attr（'src'，goimg）.fadeIn（）；
});
},  7000)

但是，fadeOut和fadeIn之间存在空白。
你可以看到活生生的例子

有没有办法让这个过程顺利进行而不出现空白。

试着这样做

$('#imgT').fadeOut(1000, function() {
    $('#imgT').attr('src', goimg).fadeIn();
});

---

希望它对你有所帮助

Anil，它有部分帮助

src

属性会及时更改，但是

fadeOut

和

fadeIn

之间仍然存在空白。您可以使fadeOut操作快速，

$（'imgT'）。fadeOut（'fast'，function（）{$（'imgT'）。attr（'src'，goimg'）。fadeIn（'fast'）
$('#imgT').fadeOut(1000, function() {
    $('#imgT').attr('src', goimg).fadeIn();
});