动态更改jQuery图像src

Question

我看到只是想知道如何每隔5秒更改一次src，

我正在使用

$.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);

<强>更新

阅读完文档后，该功能已经嵌入到插件中：

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

为代码选择“在幻灯片中使用后伸”。

Answer 2

为此，您可以使用JavaScript函数setInterval。

Answer 3

您可以使用.html（）更改您选择的对象的html。

$（＃thing）.html（“＆lt; img src ='mypic.jpg'/＆gt;”）;

Answer 4

您可以使用setInterval或类似功能定期更改图像。要实际交换图像，您只需再次呼叫backstretch即可。来自project page：

  

版本1.2

     

您现在可以两次调用backstretch，它将替换现有图像。

例如：

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

Answer 5

  

function slideSwitch（）{

var $active = $('#slideshow IMG.active');

$active.src = //change src here (you can use array with src-s)// }

     

$（function（）{       setInterval（“slideSwitch（）”，5000）; }）;