Question

我正在寻找一种方法来为我的<body>标签滑动或切换多个背景图片。我在过去3个小时遇到的问题是每个脚本都需要一个固定的宽度和高度的元素。有人可以帮忙吗？

Answer 1

根据您提供的详细信息，听起来您只是在<body>的背景图片上寻找基本幻灯片。这是基本的，但是这样的事情应该为你做。

(function($, interval, slides) {

    var i = 0;
    var handle = setInterval(function () {


        $('body').css("background-image", "url('" + slides[i] + "')");

        i++;

        if (i >= slides.length) {
            i = 0;
        }
    }, interval);

})(jQuery, 1000, [
    "/slide1.jpg",
    "/slide2.jpg",
    "/slide3.jpg"
]);

间隔是图像之间的时间，以毫秒为单位（因此，1000 = 1秒），然后粘贴到幻灯片的路径中，用于slide1.jpg，slide2.jpg等...

请记住，你需要适当大小的图像，你的CSS需要处理尺寸和定位。

身体标记的背景图像滑块

1 个答案: