我只是想实现一个幻灯片,就像你在http://www.caffeuno.co.uk/上找到的那样
我已经有一个幻灯片,但我需要的是这个网站上显示的功能:
图1,稍等一下,淡入文字,淡入可点击按钮,最多等待3秒,翻转图片2,稍等一下,淡入文字,淡入可点击按钮,最多等待3秒秒,翻转图片 3,依此类推。
任何人都可以协助复制这个吗?会很好。感谢您花费时间和建议。
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)大于当前图像。
我希望这有帮助!