动态改变jQuery的图片src(Change jQuery image src dynamical

2019-09-16 23:30发布

只见只是想知道怎么会可能改变一个src每说5秒,

我在用

$.backstretch("site.com/images/home5.jpg");

是否有可能换“home5.jpg”与其他图像(说home6.jpg和home7.jpg)像幻灯片? 我不知道如何动态地改变它

Answer 1:

如果你想改变它每隔5秒你需要使用setInterval()

var loop = 1;
setInterval(function() {
    var imgNumber = loop % 5; // assuming there are 5 images.
    $.backstretch("site.com/images/home" + imgNumber + ".jpg");
    loop++;
}, 5000);

UPDATE

看完后出现此功能的文档内置插件已经:

http://srobbin.com/jquery-plugins/backstretch/

选择的代码“在幻灯片中使用直道”。



Answer 2:

为此,您可以使用JavaScript功能setInterval



Answer 3:

您可以更改对象的HTML你以.html选择()。

$(#事)。html的( “<IMG SRC = 'mypic.jpg'/>”);



Answer 4:

您可以使用setInterval或类似的功能,定期更改图像。 要真正交换图像,你可以叫backstretch试。 从项目页面 :

1.2版

您现在可以叫直道两次,它将取代现有的图像。

因此,例如:

$.backstretch("site.com/images/home6.jpg");


Answer 5:

起作用slideSwitch(){

 var $active = $('#slideshow IMG.active'); $active.src = //change src here (you can use array with src-s)// } 

$(函数(){的setInterval( “slideSwitch()”,5000);});



文章来源: Change jQuery image src dynamically