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滑块tutrial。

你可以在一天内建立自己的滑块

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

jquery，图像幻灯片效果

1 个答案: