Question

此机身滑块不起作用。有什么帮助吗？我得到它的图像，但不是身体。这是

的问题代码

var slides = new Array();
slides[0] = 'images/0.jpg';
slides[1] = 'images/1.jpg';
slides[2] = 'images/2.jpg';
var currentSlide = 0;

function slideshow() {
currentSlide++;
if(currentSlide >= slides.length)
{
currentSlide = 0;
}
var bla = slides[currentSlide];

$(body).css("background-image", bla.attr("src"));
}
setInterval('slideshow();', 1000);

Answer 1

bla不是jQuery对象，因此它没有attr方法。在CSS中你写background-image: url(img.jpg)，所以你必须在JavaScript中做同样的事情。

然后$(body)无效，你需要一个像$('body')或$(document.body)

这样的选择器

试试这个：

$('body').css('background-image', 'url('+ bla +')');

同样值得指出的是，您应该在setInterval中传递对该函数的引用而不是字符串，因为它会触发eval并且您不希望这样：

setInterval(slideshow, 1000);

Answer 2

像这样更新你的代码：

function slideshow() {
    currentSlide++;
    if(currentSlide >= slides.length){
        currentSlide = 0;
    }
    var bla = slides[currentSlide];


    $('body').css('background-image', 'url('+ bla +')');
}

如何在间隔上制作滑块

2 个答案: