如何使用backstretch.js调整coinslider.js图像的大小

时间:2013-11-09 22:15:47

标签: jquery image resize slider jquery-backstretch

我正在尝试让coinlider将图像大小调整为960乘360.当我尝试它时,滑块本身就是960x360,而不是图像。因此,如果我使用1920x1080的图像,它将仅显示图片的左上角部分,而不是调整其大小。我移动了元素,发现coinlider正在拍摄标签中的图像并将其添加到背景图像的div风格中。我试过css但没有运气,我尝试在div上使用backstretch。

这些不起作用:(

$('#coin-slider').coinslider({width: 960, height: 360});
$('#coin-slider').backstretch;

也许我需要一个jquery .change事件来检测#coin-slider样式标签何时更改然后添加

background-size: 960px 360px;

不确定如何做到并丢失。

1 个答案:

答案 0 :(得分:0)

我刚刚关闭这篇文章,因为我只是创建了一个新的滑块,并且它与backstretch.js兼容。 Coinslider在页面上做了一些太多的功能,以便正常运行和调整大小。