<div class="carousel-inner">
<?php $category = $this->category_model->getCategories(999,0,51);?>
<?php $categorynext = $this->category_model->getCategories(999,0,51);?>
<div class="item active">
<div class="row-fluid">
<?php $count=0;?>
<?php foreach($category as $category):?>
<?php $count=$count+1;?>
<div class="span2"><a href="#x" class="thumbnail"><img src="<?= base_url();?>assets/upload/category/<?= $category->image?>" alt="Image" style="max-width:100%;"></a></div>
<?php if($count==6) break;?>
<?php endforeach;?>
</div><!--/row-fluid-->
</div><!--/item-->
<div class="item ">
<div class="row-fluid">
<div class="span2"><a href="#x" class="thumbnail"><img src="<?= base_url();?>assets/upload/logo/computer.png" alt="Image" style="max-width:100%;"></a></div>
<div class="span2"><a href="#x" class="thumbnail"><img src="<?= base_url();?>assets/upload/logo/helthcare.png" alt="Image" style="max-width:100%;"></a></div>
<div class="span2"><a href="#x" class="thumbnail"><img src="<?= base_url();?>assets/upload/logo/image.png" alt="Image" style="max-width:100%;"></a></div>
<div class="span2"><a href="#x" class="thumbnail"><img src="<?= base_url();?>assets/upload/logo/ipod.png" alt="Image" style="max-width:100%;"></a></div>
<div class="span2"><a href="#x" class="thumbnail"><img src="<?= base_url();?>assets/upload/logo/helthcare.png" alt="Image" style="max-width:100%; "></a></div>
<div class="span2"><a href="#x" class="thumbnail"><img src="<?= base_url();?>assets/upload/logo/image.png" alt="Image" style="max-width:100%;"></a></div>
</div>
</div>
</div>
this is the code.1st i have fetched 6 image at a time from database in <div class="item active"> .But Next 6 image will be fetched at a time from database in <div class="item "> and again and again in <div class="item ">.i can't this.