jquery - 动态更改 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("<img src='mypic.jpg'/>");

Answer 4

您可以使用setInterval或类似的功能来定期更改图像。要实际交换图像，您只需backstretch再次调用即可。从项目页面：

1.2版

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

例如：

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

Answer 5

功能滑动开关（）{

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

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

$(function() { setInterval( "slideSwitch()", 5000 ); });