一段时间以来,我一直在四处寻找不同的帖子,但除了我即将从 jAndy 向您展示的这篇文章之外,没有什么真正有帮助的。
我基本上希望能够将幻灯片放在 div 的背景中。
到目前为止,我有以下代码,但是,正如你所看到的......它淡入,显示图片,淡出到白色,切换图片,然后淡入以显示新图片......我只是希望淡入淡出混合在一起,而不是一个淡出,另一个淡入。我知道这是相当开放的,但有人能指出我正确的方向吗?
var images = [
'/slideshow1.jpg',
'/slideshow2.jpg',
'/slideshow3.jpg'
];
loop = 0;
$home = $('#slideme');
(function fader(){
$home.fadeOut(1300, function(){
$home.css('background', 'url(' + images[loop] + ') top center no-repeat');
$home.fadeIn(1300, function(){
setTimeout(fader, 9000);
});
});
if(loop < images.length -1)
loop++;
else loop = 0;
})();
我真诚地感谢任何帮助!