jquery - 幻灯片中的 jQuery 叠加图像

Question

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

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

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

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

Answer 1

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）大于当前图像。

我希望这有帮助！