Javascript BXSlider缩略图转盘未向左滚动

我已经设法收集了一个缩略图滚动条，当你点击缩略图时，它会将缩略图滑到左边。这是伟大的，但我无法解决如何滚动回来，如果你点击缩略图更多的左边

$（函数（）{
var realsslider=$（“ul#bxslider”）.bxslider({
速度：1000，
传呼机：错，
下一个文本：“”，
上一个文本：“”，
模式：“淡入淡出”，
标题：对，
无穷远：错，
希德·特罗隆德：没错，
onSlideBefore:函数（$slideElement、oldIndex、newIndex）{
changeRealThumb（realThumbSlider，newIndex）；
}
});
var realThumbSlider=$（“ul#bxslider pager”）.bxslider({
米斯利德斯：4，
maxSlides:4，
滑动宽度：200，
幻灯片摘要：12，
第一,，
传呼机：错，
速度：1000，
无穷远：错，
希德·特罗隆德：没错，
下一个文本：“”，
上一个文本：“”，
onSlideBefore:函数（$slideElement、oldIndex、newIndex）{
/*$j（“#sliderThumbReal ul.active”）.removeClass（“active”）；
$slideElement.addClass（“活动”）*/
}
});
链接RealSliders（realSlider、realSlider）；
if（$（“#bxslider pager li”）.length=4）slider.goToSlide（newIndex）；
else slider.goToSlide（slider.getSlideCount（）-4）；
}
});
































不幸的是，我无法让您的幻灯片在现场演示中滚动…真的吗？对我有用。你可以用导航图标左右滚动缩略图，当我点击单个缩略图时…啊，我测试了更多，它似乎在Firefox中工作，但在Chrome中不起作用-Chrome抛出混合内容错误，因为堆栈溢出是在HTTPS上托管的，但是您的示例的外部JavaScript和CSS是通过HTTP加载的。@James单击箭头时是否只希望链接滑块？您的缩略图显示4张幻灯片，而主滑块显示一张幻灯片。我不能通过随意观察来判断，但活动缩略图（应与活动主滑块相对应）应位于左侧（位置1/4）。奇怪的是，我使用的是chrome，因为这就是我使用的内容。是的，一切正常，主图像正确，并根据您单击的缩略图进行更改。分页可以很好地向左和向右移动，但是点击第三个或第四个缩略图，你会看到它会自动滚动，但点击前一个缩略图它不会向后滚动。。。如果你明白我的意思。