0

我只是想实现一个幻灯片,就像你在http://www.caffeuno.co.uk/上找到的那样

我已经有一个幻灯片,但我需要的是这个网站上显示的功能:

图1,稍等一下,淡入文字,淡入可点击按钮,最多等待3秒,翻转图片2,稍等一下,淡入文字,淡入可点击按钮,最多等待3秒秒,翻转图片 3,依此类推。

任何人都可以协助复制这个吗?会很好。感谢您花费时间和建议。

4

1 回答 1

0

jQuery 的 .animate() 函数可以让您轻松地为图片和文本淡入淡出设置动画。

$('#image').animate({
    opacity: 1
}, 5000, function() {
    //Done fading, wait 3 seconds and display the next image
    setInterval(displayNextImage,3000);
});

有关详细信息,请参阅http://api.jquery.com/animate/

您可能需要更改包含图像和文本的 div 的 z-index,以便在使用上述函数将不透明度设置为 1 之前,隐藏的(不透明度 0)大于当前图像。

我希望这有帮助!

于 2013-01-16T16:02:26.027 回答