LightSlider不工作在BigCartel.com商店



我试图添加一个缩略图LightSlider图像轮播到我的大卡特尔网站(显示产品图像),但我不能让它工作(即使有示例图像)

我已经在Codepen &JSFiddle -在那里工作得很好,但在我的bigcartel.com商店,照片显示堆叠。没有缩略图。

My Code (working): codependency

width:500px;
}
.ls-slider ul {
list-style: none outside none;
padding-left: 0;
margin-bottom:0;
}
.ls-slider li {
display: block;
float: left;
margin-right: 6px;
cursor:pointer;
}
.ls-slider li img {
display: block;
height: auto;
max-width: 100%;
}```

如果除了网站,其他地方都能正常工作,可能是你的服务器有问题。可能是代码出错了,或者链接出错了。

它不起作用的原因是您将lightslider控件设置为false:尝试将控件替换为" true ";而不是"false ">

$('#lightSlider').lightSlider({
gallery: true,
item: 1,
loop:true,
slideMargin: 0,
thumbItem: 4,
controls: true,
});

相关内容

  • 没有找到相关文章

最新更新