我目前正在使用它,它会旋转到下一张图片并重复 1-5
jQuery( function( $ ) {
var images = [ "redesign/slides/Big_1.jpg", "redesign/slides/Big_2.jpg", "redesign/slides/Big_3.jpg", "redesign/slides/Big_4.jpg", "redesign/slides/Big_5.jpg" ];
var currentImage = 0;
function changeBackground() {
$( '#body_container' ).css( { backgroundImage: 'url(' + images[ ++currentImage ] + ')' } );
if ( currentImage >= images.length - 1 ) {
currentImage -= images.length;
}
}
setInterval( changeBackground, 2000 );
});
但是如何让图像淡入/淡出到下一张图像?
您可以在此处查看完整的主页:http://www.arcolacovenant.org/redesign_index
另外,如何让每张图片在显示时可以链接到不同的页面?
提前致谢。
最佳答案
如果您想要 slider ,请使用 slider 。字面上有成千上万。 nivo
如果你真的想自己做一个,只是为了学习如何做,甚至有成千上万的教程。关于如何制作 slider 的文章那么多,有round-up articles on all the articles .
关于jquery - 如何使用 jQuery 淡入/淡出五个 css 背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10843299/