BootSlider a bootstrap Carousel slider in Yii

Extension: http://www.yiiframework.com/extension/bootslider/

Demo: http://mysamples.pagodabox.com/index.php/site/bootslider

BootSlider use Twitter’s Bootstrap extension together with Yii. There are sevral  Yii-widgets that allow you to easily use Bootstrap with Yii.BootSlider is a widget that use Carousel in Twitter’s Bootstrap and extended from CListView
so using CArrayDataProvider or CActiveDataProvider we can create image slider

setup bootstrap extension in your yii app by referring
 http://www.yiiframework.com/extension/bootstrap
then add this widget in your “protected/extensions/bootstrap/widgets”

then use following code
set pagination always false

$listDataProvider=new CArrayDataProvider($rawData, array(
       
    ‘pagination’=>false,//always false
));

Widget

<?php $this->widget('bootstrap.widgets.BootSlider',
    array('itemView'=>'_list',//_lsit is the php file to render
        'id'=>'Mycarouse1',//id of Carousel
              'slide'=>array(true,2000),//to slide after 2seconds   
        'dataProvider'=>$listDataProvider1,
        'coloumCount'=>4,//no of items to shown in slider
));?>
 

_list.php follows

<style>
a #image{
height:150px;
}
</style>
 
<div class="thumbnail span2">
 
        <img id="image" src="<?php echo Yii::app()->baseUrl.'/images/'.$data['image']; ?>" alt="">
 
</div>

—

Francis J Attokkaran

support@nintriva.com

Nintriva