Javascript 带图像的jQuery动画循环

我想创建一个非常简单的幻灯片使用不透明动画。我无法使用fadeIn或fadeOut功能，因为设置display:none将使我的布局崩溃

我有这4个固定的图像，我想做的是将不透明度设置为0，然后更改img src，然后再次将不透明度设置为1

有什么想法吗？我怎样才能让它永远循环

谢谢。

您可以使用jQuerys方法。首先在要淡出的图像上使用它，并将不透明度设置为0，更改图像源后，必须使用它将不透明度更改为1

对于无止境循环：您可以使用每X ms调用一个函数。

---

因此，您必须将所有更改图像的代码放在一个函数中（现在称之为

changeImage

），然后使用

setInterval

。您可以使用

setInterval（changeImage，3000）

启动它，例如，图像将每3秒更改一次。

尝试将

img

元素放置在父元素容器中； 利用

.fadeTo（）

，在父元素容器中的最后一个索引元素中，不调整

css

的

显示

属性；动画完成后，将

img的
opacity
调整为
1
；调用
.prependTo（）
将
img
移动到父元素容器中的第一个索引；无限重复


（函数fx（）{
return$（“div img”）.eq（-1）.delay（1500）.fadeTo（3000,0，function（）{
$（this.css（“不透明”，“1”）.prependTo（$（this.parent（））
}).承诺（）.然后（外汇）；
}).call（$（“div img”）
div{
位置：相对位置；
高度：400px；
宽度：400px；
保证金：0自动；
}
部门经理{
位置：固定；
左：0；
}

可以包括
html
，
css
，
js
尝试过吗？我非常感谢您的帮助，但我不能使用图像位置：绝对，也不能使用淡入淡出功能（使用display属性）。这就是为什么我想改用可见性。@LeandroFaria请参阅更新的帖子。用
位置：固定
代替
位置：绝对
.fadeTo
不调整
显示
属性。要确认这一点，可以打开
控制台
，在动画过程中检查图像
.fadeTo
仅使用
不透明度
属性。