jQuery幻灯片图像转换 [英] jQuery Slideshow Image Transition

问题描述

我的jQuery幻灯片显示有问题，我似乎无法弄明白。在图像过渡期间，幻灯片显示将闪烁白色而不是很好地淡入下一张图片。我认为它与以下几行代码有关：

I'm having an issue with my jQuery slideshow and I can't seem to figure it out. During the transition of images the slideshow will flash white instead of nicely fading into the next picture. I believe it has something to do with the following lines of code:

$('#slideshow img:first').fadeOut(1000).next().fadeIn(1000).end().appendTo('#slideshow');

点击上一个和下一个按钮会导致同样的问题。

Clicking the previous and next buttons cause the same issue.

这里是幻灯片的简介。

谢谢！

推荐答案

你必须在开始淡出当前图像之前显示下一张图像，你也必须同时执行此操作，只需将.next（）图像的 fadeIn（1000）替换为 show（），像这样的 http://jsfiddle.net/nyXUt/6/

you have to show the next image before you start fading out the current one, also you have to do this at the same time, just replace the fadeIn(1000) of the .next() image to show(), like this http://jsfiddle.net/nyXUt/6/

这篇关于jQuery幻灯片图像转换的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！