幻灯片中显示转身的极限环? [英] Limit loop for display carausel in slide?

查看:65
本文介绍了幻灯片中显示转身的极限环?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

这是我的代码,用于在php for loop中显示缩略图每页6个项目 carousel 。 / p>

And Here is my code to display thumbnail 6 items per page carousel within php for loop.

<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个项目出现。

why the first 6 items not appear, but 6 items second page come appear.

我错过了什么?

谢谢

推荐答案

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

这篇关于幻灯片中显示转身的极限环?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆