Bx滑塊不是無限的

Question

我從網站上購買了一個主題，而bxslider出現了一些問題...在最后一張幻燈片上時，直到最后一張幻燈片到達滑塊的前面時，它才顯示下一張幻燈片，這看起來並不好。 您可以在此處查看預覽。 和購買的主題在這里

這是生成幻燈片的代碼：

 <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

我設法使用bxslider的“ maxSlides”選項對其進行了修復...我將其修改為小於幻燈片總數。

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");
}});

現在已顯示所有幻燈片，但最后一張幻燈片旁邊沒有空間