Bx滑塊不是無限的

我從網站上購買了主題，並且我遇到了bxslider的一些問題......在上一張幻燈片上，它不顯示下一張幻燈片，直到最後一張幻燈片到達滑塊的前端，這看起來不太好。您可以看到預覽HERE。而買了主題HERE Bx滑塊不是無限的

這裏是生成幻燈片代碼：

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

可以嗎？請幫我嗎？謝謝！

來源

2014-10-22 Acelasi Eu

我設法使用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"); 
}});

所有幻燈片現在表明，但卻沒有空間旁邊的最後一個

來源

2014-10-22 13:25:55

Bx滑塊不是無限的

回答

相關問題