<!-- Owl carousel block starts -->
<!-- Owl navigation -->
<div class="owl-nav">
<a class="owl-nav-prev"><i class="fa fa-chevron-left"></i></a>
<a class="owl-nav-next"><i class="fa fa-chevron-right"></i></a>
</div>
<!-- Change values of data-items, data-auto-play, data-pagination & data-single-item based on your needs -->
<div class="owl-carousel" data-items="4" data-auto-play="true" data-pagination="false" data-single-item="false">
<!-- Carousel item -->
<?php
$this->load->helper('url');
$path = base_url() . 'img/gallery/small/';
$images = array( '1.jpg', '2.jpg', '3.jgp', '4.jpg', '5.jpg', '6.jpg', '7.jpg', '8.jpg');
?>
<?php foreach ($images as $image) : ?>
<div class="owl-content">
<?php
$imagefile = $path . $image;
echo anchor( $imagefile, '<img src="' . $imagefile .
'" alt="" class="img-responsive img-thumbnail" />', 'class="lightbox"');
?>
<h4><a href="#">Some heading here now</a></h4>
<small><i class="fa fa-calendar"></i> 25-2-2014 <i class="fa fa-comments"></i> 24 Comments</small>
<p>Ad vegan excepteur butcher vice lomo. Leggings occaecat raw denim aesthetic. </p>
<a href="#" class="btn btn-color btn-xs">Read more</a>
</div>
<?php endforeach; ?>
</div>
<!-- Owl carousel block ends -->