幻灯片中显示轮播的限制循环?
Limit loop for display carausel in slide?
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条
我错过了什么?
谢谢
if ($key % 6 == 0 AND $key!=0)
jQuery 轮播中的 n 个项目没有问题,但您可以通过 css 设置显示限制。
请参考这个 link 你可以得到更多的想法。
http://sorgalla.com/jcarousel/docs/reference/installation.html
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条
我错过了什么?
谢谢
if ($key % 6 == 0 AND $key!=0)
jQuery 轮播中的 n 个项目没有问题,但您可以通过 css 设置显示限制。
请参考这个 link 你可以得到更多的想法。
http://sorgalla.com/jcarousel/docs/reference/installation.html