偶数幻灯片隐藏在Bootstrap的旋转木马中

我为joomla 2.5.x/3.x创建了幻灯片模块。它读取指定目录中的图像文件并显示幻灯片。今天我想在另一个模板中使用它。 Joomla很好地展示了我的幻灯片模块，但是偶数编号的幻灯片也是隐藏的。第一个显示，第二个隐藏，第三个显示，第四个隐藏，等等。偶数幻灯片隐藏在Bootstrap的旋转木马中

我的HTML输出结果如下：

<div> 
    <script src="http://myjoomlasite.com/media/jui/js/bootstrap.min.js"> 
    <div id="zkanocaCarousel2" class="carousel slide"> 
     <ol class="carousel-indicators"> 
      <li data-target="#zkanocaCarousel2" data-slide-to="0" class=""></li> 
      <li data-target="#zkanocaCarousel2" data-slide-to="1" class=""></li> 
      <li data-target="#zkanocaCarousel2" data-slide-to="2" class=""></li> 
      <li data-target="#zkanocaCarousel2" data-slide-to="3" class="active"></li> 
      <li data-target="#zkanocaCarousel2" data-slide-to="4" class=""></li> 
      <li data-target="#zkanocaCarousel2" data-slide-to="5" class=""></li> 
      <li data-target="#zkanocaCarousel2" data-slide-to="6" class=""></li> 
      <li data-target="#zkanocaCarousel2" data-slide-to="7" class=""></li> 
      <li data-target="#zkanocaCarousel2" data-slide-to="8" class=""></li> 
     </ol> 
     <div class="carousel-inner"> 
      <div class="item"><img src="/./images/slideshow/1.jpg" alt="" ></div> 
      <div class="item"><img src="/./images/slideshow/2.jpg" alt="" ></div> 
      <div class="item"><img src="/./images/slideshow/3.jpg" alt="" ></div> 
      <div class="item active"><img src="/./images/slideshow/4.jpg" alt="" ></div> 
      <div class="item"><img src="/./images/slideshow/5.jpg" alt="" ></div> 
      <div class="item"><img src="/./images/slideshow/6.jpg" alt="" ></div> 
      <div class="item"><img src="/./images/slideshow/7.jpg" alt="" ></div> 
      <div class="item"><img src="/./images/slideshow/8.jpg" alt="" ></div> 
      <div class="item"><img src="/./images/slideshow/9.jpg" alt="" ></div> 
     </div> 
     <a class="left carousel-control" href="#zkanocaCarousel2" data-slide="prev">‹</a> 
     <a class="right carousel-control" href="#zkanocaCarousel2" data-slide="next">›</a> 
    </div> 
</div> 
<script> 
    $(function(){ 
     $.noConflict(); 
     $('#zkanocaCarousel2').carousel(); 
    }); 
</script>

来源

2015-03-13 zkanoca

深入调查后，我注意到K2调用另一个jQuery库，导致冲突，因为我猜。然后，我完全卸载了K2。现在可以。

来源

2015-03-17 15:38:55 zkanoca

自举3支持多个幻灯片？

答案是否定的。使用Bootstrap 3的通用轮播插件插件无法实现您正在寻找的效果。然而，这里有一个简单的jQuery插件，它似乎正是你想要的http://sorgalla.com/jcarousel/

来源

2015-03-13 16:41:04 Initerworker

偶数幻灯片隐藏在Bootstrap的旋转木马中

回答

相关问题