body 标签的背景图片滑块

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 需要处理大小和定位。

body 标签的背景图片滑块

background image slider for body tag

wordpress

jquery

background-image

slide