文章/答案/技术大牛

发布

社区首页 >问答首页 >Bx-滑块不是无限大

问Bx-滑块不是无限大
EN

Stack Overflow用户

提问于 2014-10-22 20:20:58

回答 1查看 158关注 0票数 0

我从一个网站上买了一个主题，我在最后一张幻灯片上的bxslider...when有一些问题，它不会显示下一张幻灯片，直到最后一张幻灯片到达滑块的前面，这看起来不太好。您可以看到预览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");
}});

你能帮帮我吗？谢谢!

javascript

jquery

zend-framework2

bxslider

回答 1

Stack Overflow用户

发布于 2014-10-22 21:25:55

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

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26507327

复制

相似问题

问Bx-滑块不是无限大
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bx-滑块不是无限大EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bx-滑块不是无限大
EN