javascript - bgStretcher插件-多个实例

我试图使用jQuery插件bgStretcher 2（link to plugin）在一页上使用各种<div>来使用其功能。但是，该插件似乎仅支持每页一个实例，如果我进行多个$("#element").bgStretcher()调用，则仅第一个起作用，而所有其他实例均被忽略，并且控制台中记录了“多个bgStretcher”。

有什么办法解决这个问题，或者是否有其他插件可以做类似的事情，即智能地拉伸图像以填充元素？我试图破解该插件的相关部分来执行此操作，但是没有运气。

使用background-size：100％无效，因为这不会垂直填充元素空间，而只会水平拉伸。

最佳答案

如果您的设计仅允许您一次仅显示一个bgstretcher实例，则可以销毁活动实例并创建另一个实例。

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

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