javascript - 更改 backstretch 元素内的图像

Question

目前我正在尝试实现通过后拉伸(stretch)改变图像的能力。 Backstretch 绑定(bind)到 block 级元素，如下所示，

$("#background-image.slideshow").backstretch(backgroundImages, {fade: 750,duration: 4000});

然后我想要做的是能够单击链接获取 href 并添加新的 backstretch 图像，但是目前发生的是创建一个新的 backstretch 实例，这是我的点击代码，

$("#thumb-gallery a").click(function(e) {
// Prevent the click from actually following the href
e.preventDefault();
// Backstretch
$.backstretch( $(this).attr("href") );
});

我哪里出错了？我想要做的就是更改 #background-image.slideshow 中的后拉伸(stretch)图像

Answer 1

您只需替换 backstretch 生成的 div 中的图像源即可:

$('#backstretch img').attr('src','your_image_url');