Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery,图像幻灯片效果_Jquery_Image_User Interface_Slider - Fatal编程技术网

jquery,图像幻灯片效果

jquery,图像幻灯片效果,jquery,image,user-interface,slider,Jquery,Image,User Interface,Slider,作为一个对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))

作为一个对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++;
};
如果可能的话,我希望它能在新图像滑入时保留旧图像

-现在发生了什么事


谢谢

我建议您看看本教程。它还有一个jquery滑块

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