Question

我从一个网站上买了一个主题，我在bxslider上遇到了一些问题...当在最后一张幻灯片上时，直到最后一张幻灯片到达滑块前面时，它才显示下一张幻灯片，这看起来不太好。你可以看到预览HERE。和购买的主题HERE

这是生成幻灯片的代码：

 <ul class="top_video_slider">
        <?=$this->topRestaurants(45.8, 23.0);?>
 </ul>

$this->topRestaurants()会返回如此生成的$string：

 foreach($topRest as $restaurant) {
     $slug = $service->create($restaurant['name'], false) . '-' . $restaurant['id'];
     $photos = explode(',', $restaurant['images']);
     $string .= '<li>
         <div class="video_holder">
     <a href="/restaurant/'.$slug.'"><img src="/uploads/'.$photos[0].'" alt="image"></a> 
         </div>
     </li>';
   }

它的jquery看起来像这样：

$('.top_video_slider').bxSlider({
    slideMargin: 10, useCSS: false,
    pager: true, auto: true, autoHover:true,
    onSliderLoad: function(currentIndex){
    $(".top_video_slider").css("visibility", "visible");
}});

你能帮我吗？谢谢！

Answer 1

我设法使用＆＃34; maxSlides＆＃34;来自bxslider的选项......我将其修改为小于幻灯片的总数。

jquery看起来像这样：

$('.top_video_slider').bxSlider({
    slideMargin: 10, useCSS: false,
    pager: false, auto: true, autoHover:true, infiniteLoop: true, maxSlides: 8,
    onSliderLoad: function(currentIndex){
    $(".top_video_slider").css("visibility", "visible");
}});

现在显示所有幻灯片，但最后一张幻灯片旁边没有空格

Bx滑块不是无限的

1 个答案: