javascript - bgStretcher 插件 - 多个实例

Question

使用 jQuery 插件 bgStretcher 2 ( link to plugin )，我试图拥有各种 <div>一页上的 s 使用其功能。但是，如果我制作多个 $("#element").bgStretcher()，该插件似乎只支持每页一个实例。调用然后只有第一个有效，所有其他的都被忽略，并且控制台中记录“多个 bgStretcher”。

是否有任何解决方法，或者是否有任何其他插件可以做类似的事情，即智能地拉伸(stretch)图像以填充元素？我试图破解此插件的相关部分来执行此操作，但没有成功。

使用 background-size: 100% 不起作用，因为它不会垂直填充元素空间，它只是水平拉伸(stretch)。

Answer 1

如果您的设计允许您一次只显示一个 bgstretcher 实例，您可以销毁事件的实例并创建另一个。

$('#slide1').bgStretcher.sliderDestroy();

$('#slide2').bgStretcher({
    images: imagesArray,
    imageWidth: 1600,
    imageHeight: 800,
});