Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jQuery淡入/淡出五幅css背景图像_Jquery_Css_Image_Background_Rotation - Fatal编程技术网

如何使用jQuery淡入/淡出五幅css背景图像

如何使用jQuery淡入/淡出五幅css背景图像,jquery,css,image,background,rotation,Jquery,Css,Image,Background,Rotation,我目前正在使用它,它会旋转到下一个图像并重复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; f

我目前正在使用它,它会旋转到下一个图像并重复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 );  
});
但是如何使图像淡入/淡出到下一个图像

您可以在此处看到完整的主页:

另外,当显示图像时,如何使每个图像可链接到不同的页面


提前感谢。

如果您想要滑块,请使用滑块。实际上有成千上万的人


如果你真的想自己做一个,只是为了学习如何做,这里甚至有成千上万的教程。关于如何制作滑块的文章太多了。

如果您想要滑块,请使用滑块。实际上有成千上万的人


如果你真的想自己做一个,只是为了学习如何做,这里甚至有成千上万的教程。关于如何制作滑块的文章太多了。

i second..不值得再发明这个。i second..不值得再发明这个。