jquery - jquery, 图片幻灯片效果

Question

作为一个对 jquery 很陌生的人，我正在尝试为图像区域制作一个简单的滑块，但我使用的效果是整个 div。我将如何使这仅影响图像。

var bgArr = ["../css/img/head/1.png", "../css/img/head/2.png"];
var i = 0;

var interval = self.setInterval("swapBkgnd()", 5000)

function swapBkgnd() {
if (i > (bgArr.length - 1)) {
    i = 0
    $("#header").css("background-image", "url(" + bgArr[i] + ")").effect("slide", { direction: "down" }, 1000);
}
else {
    $("#header").css("background-image", "url(" + bgArr[i] + ")").effect("slide", { direction: "down" }, 1000);
}
i++;
};

如果可能的话，我希望它保留旧图像，因为新图像也会滑入。

http://fear.kennyist.com/ - 现在发生了什么。

谢谢！

Answer 1

我建议你看看这个教程。它还有一个 jquery 滑块教程。

您可以在一天内构建自己的滑块

https://tutsplus.com/lesson/the-obligatory-slider/