JQuery -函数自动更改图像
JQuery -函数自动更改图像
提问于 2013-04-10 20:05:33
我需要的是，背景上的一些图像(例如随机的5-8个)将自动更改为另一个图像(例如10秒后，类似example-link的东西，但自动，而不是在悬停时)。
$('.fader').hover(function() {
$(this).find("img").fadeToggle();
});回答 3
Stack Overflow用户
发布于 2013-04-10 21:44:22
我做了一个..也许这对你有帮助。
这非常简单，这就是我在setInterval中执行的函数
var $imgs = $(".fader").find("img"),
i = 0;
function changeImage(){
var next = (++i % $imgs.length);
$($imgs.get(next - 1)).fadeOut(500);
$($imgs.get(next)).fadeIn(500);
}
var interval = setInterval(changeImage, 2000);希望它能帮上忙。
Stack Overflow用户
发布于 2013-04-10 20:16:22
您可以使用setInterval来频繁地运行一个函数，然后在其中包含您的图像更改函数
//global variable
var bgImg = 1;
//runs every second
window.setInterval(function(){
yourFunction();
}, 10000);
//changes background image
function yourFunction () {
++bgImg;
if(bgImg === 4){
bgImg = 1;
}
if(bgImg === 1){
$('#element').css("background-image","URL('imgs/image1.jpg')");
}
if(bgImg === 2){
$('#element').css("background-image","URL('imgs/image3.jpg')");
}
if(bgImg === 3){
$('#element').css("background-image","URL('imgs/image3.jpg')");
}
}您可以添加更多的jquery来淡入淡出图像，或者添加一些比普通开关更平滑的东西
Stack Overflow用户
发布于 2013-04-10 20:16:47
这是你想要的吗？使用BX滑块。
http://jsfiddle.net/writetobhuwan/Xm2Be/393/
JS就是这样简单的..
$(document).ready(function(){
$('.bxslider').bxSlider();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15925336
复制相关文章
相似问题
腾讯云开发者
