2012-09-24 49 views
2

使用jQuery插件bgStretcher 2(link to plugin),我试图有一个页面上的各种<div>的使用其功能。但是,如果我做一个以上的电话$("#element").bgStretcher()那么只有第一个作品和所有其他被忽略,“不止一个bgStretcher”被记录在控制台中的插件只出现每页支持一个实例。bgStretcher插件 - 多个实例

是否有解决这个什么方法,还是有什么其他的插件这将做同样的事情,即智能拉伸图片,以填补一个元素?我试图破解这个插件的相关部分来做到这一点,但没有运气。

使用背景尺寸:100%,因为这不工作就不会垂直方向填满元空间,它只是水平延伸。

回答

0

如果你的设计让你在同一时间只能显示一个bgstretcher例如,你可以破坏活动之一,创造一个又一个。

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

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

您是否尝试添加containerID?

el1.bgStretcher({ 
       containerId: "bgstretcher1", 
       images : [...], 
       ... further settings ... 
}) 
el1.bgStretcher({ 
       containerId: "bgstretcher2", 
       images : [...], 
       ... further settings ... 
})