Jquery bxSlider一个静态图像
我需要滑块保持“静态”时,我只有一个幻灯片正在加载。没有转换,没有“克隆”项,bxSlider似乎正在添加这些项 目前,我的设置如下:Jquery bxSlider一个静态图像,jquery,bxslider,Jquery,Bxslider,我需要滑块保持“静态”时,我只有一个幻灯片正在加载。没有转换,没有“克隆”项,bxSlider似乎正在添加这些项 目前,我的设置如下: var slider = $('.bxslider'), slideCount; slider.bxSlider(); slideCount = slider.getSlideCount(); if (slideCount === 1) { slider[0].classList.add('bx-static-image'); s
var slider = $('.bxslider'),
slideCount;
slider.bxSlider();
slideCount = slider.getSlideCount();
if (slideCount === 1) {
slider[0].classList.add('bx-static-image');
slider.bxSlider({
auto: false,
controls: false,
pager: false,
infiniteLoop: false,
randomStart: false
});
} else {
slider.bxSlider({
auto: true,
mode: 'fade',
captions: true,
randomStart: false
});
}
infiniteLoop设置根本不起作用,它不断加载.bx clone
项,这会弄乱整个视图
这是我为该类添加的SCS.bx static image
,但它似乎不起作用:
.bxslider.bx-static-image {
width: 100%;
transform: none;
li:first-child {
top: -14px;
}
li.bx-clone ~ .bx-clone {
display: none;
}
}