Following my html I try to config bxslider like this
`<script type="text/javascript">
$(function () {
var JackpotSliderCombineRows = $('#jp-combine-rows').bxSlider({
mode: 'vertical',
pager: false,
controls: false,
auto: true,
moveSlides: 1,
minSlides: 6,
maxSlides: 6,
autoDelay: 1000,
speed: 200,
infiniteLoop: true,
autoHover: true,
autoDirection: 'next'
});
});
</script>`
I found problem when currentIndex = 4 children not add duplicate element to children variable
` for (i = 1; i <= slider.settings.maxSlides - 1; i++) {
// if looped back to the start
if (currentIndex + i >= slider.children.length) {
children = children.add(slider.children.eq(i - 1));
} else {
children = children.add(slider.children.eq(currentIndex + i));
}
}`
Then when calculate height it will wrong
`children.each(function (index) {
height += $(this).outerHeight();
});`
I create HTML with 9 lis element `