Question

html http://bootsnipp.com/snippets/featured/simple-carousel

的来源

这是我的代码，在php for循环中每页显示缩略图6项carousel。

<div id="Carousel" class="carousel slide">
            <!-- Carousel items -->
                <div class="carousel-inner">     
                     <?php 
                        $arr = array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15);
                    ?>

                    <?php 
                      echo "<div class='item active'>";
                      echo "<div class='row'>";
                        foreach($arr as $key=>$value)
                        {
                            //if we can divide $key by six without remainder

                            if ($key % 6 == 0) 
                            {
                                echo "</div>";
                                echo "</div>";
                                echo "<div class='item'>";
                                echo "<div class='row'>";
                            }
                            echo "<div class='col-md-2'>";
                            echo '<a href="#" class="thumbnail" id="carousel-selector-'.$key.'"><img src="images/img'.$value.'.jpg" alt="Image" style="max-width:100%;"></a>';
                            echo "</div>";
                        }
                    echo "</div>";  
                    echo "</div>";?>    


                </div><!--.carousel-inner-->
              <a data-slide="prev" href="#Carousel" class="left carousel-control">‹</a>
              <a data-slide="next" href="#Carousel" class="right carousel-control">›</a>
            </div><!--.Carousel-->

为什么前6个项目没有出现，但第二页出现了6个项目。

我错过了什么？

由于

Answer 1

if ($key % 6 == 0 AND $key!=0)

Answer 2

jQuery Carousel中没有任何问题，但你可以通过css给出显示限制。
请参考此链接，您可以获得更多的想法。 http://sorgalla.com/jcarousel/docs/reference/installation.html

幻灯片中显示carausel的限制循环？

2 个答案: