jQuery幻灯片-图像转换问题

我正在制作这张幻灯片，但当图像动画时，我会得到一个白色闪光灯，然后是下一张图像。这有点难以解释，所以我创造了这个 我想这和我的css有关吧

#slideshow {
    width: 700px;
    height: 400px;
    padding: 0;
    position: relative;
    overflow: hidden;
    border: 1px solid;
}

#slideshow img {
    position: absolute;
    height: 500px;
    width: 700px;
}​

---

你会注意到这不是一个平滑的动画，但是有一些事情正在发生。谢谢

我认为你的问题是，在淡入淡出的过程中，两张照片的透明度都是50%，因此你可以看到25%的白色背景。这可能被视为“闪光”。

---

考虑不要淡出输出图像，而是在淡入淡入之后隐藏它（使用<代码> SETIMEATOUT（）/代码>。< /P> < P>尝试这个更新的小提琴…

关键是在淡入淡出完成后运行的

fadeIn（）

命令中的函数

$('#slideshow img:first').appendTo('#slideshow').fadeIn(1000, function() {
    $(this).siblings().hide();
});

---

这意味着它拍摄第一张图像，将其放在最后一张图像之后（在其前面），然后淡入。完成后，它将隐藏所有其他图像。一秒钟后，它会重复。现在，双淡色消失了，白色的“闪光”消失了。

请添加有关浏览器和操作系统的信息。@ArashMilani我不认为浏览器或操作系统是问题所在，但其带有Chrome的窗口7我认为已经差不多了。唯一的问题是，第二张幻灯片并没有在开头出现。它只显示标题而不是图像。谢谢您的帮助。你看了我之前的回复了吗？你认为你可以看看我的第一条评论吗？谢谢我想接受这个答案，但你能快速看一下我的问题吗？它显示了列表中第一个的标题，尽管显示了列表中最后一个的图像（

appendTo

将其放在末尾。）试试这个。。。