动态更改 jQuery 图像 src答案

【问题标题】：Change jQuery image src dynamically动态更改 jQuery 图像 src
【发布时间】：2012-05-02 14:35:27
【问题描述】：

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

我正在使用

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

是否可以像幻灯片一样将“home5.jpg”与其他图像（比如 home6.jpg 和 home7.jpg）交换？我不确定如何动态更改它

【问题讨论】：

这可能对stackoverflow.com/questions/540349/…有帮助

标签： jquery dynamic slideshow jquery-backstretch

【解决方案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/

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

【讨论】：

嘿，这很好用！我忘了问的一件事是我是否希望它们淡入/淡出而不是突然改变？
这取决于您使用的插件。我想这将涉及必须修改源代码。
勾选 :) 我不认为它会是插件，因为它只会拉伸图像（抱歉忘了提及）我想我在 setInterval 内设置了它？虽然我不确定我会把它放在哪里
查看我的更新，文档中有一个如何创建具有淡入效果的幻灯片的示例。
哇，1000 谢谢你的帮助，它完全按照我想要的方式工作，1000 很抱歉没有在我应该检查的时候自己检查 pluin :)

【解决方案2】：

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

【讨论】：

【解决方案3】：

您可以使用 .html() 更改所选对象的 html。

$(#thing).html("");

【讨论】：

【解决方案4】：

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

1.2 版

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

例如：

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

【讨论】：

【解决方案5】：

函数 slideSwitch() {
var $active = $('#slideshow IMG.active');

$active.src = //change src here (you can use array with src-s)// }
$(函数() { setInterval("slideSwitch()", 5000); });

【讨论】：

埃克。不要使用带有 setInterval 的字符串。传递直接函数引用。