bootslider BootSlider - Is a widget that be can used as bootstrap widget

  1. Download
  2. Requirements
  3. Update
  4. Usage
  5. Resources

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

Download

download

GitHub

Requirements

yii-bootstrap-0.9.9.r119

Update

  • added auto slider

     'slide'=>array(true,2000),//to slide after 2seconds
    
     'slide'=>array(true),// default after 6seconds
    

/*

no need to use 'slide' if no automatic sliding is needed 

--- or -----

'slide'=>array(false),

*/

Usage

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

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

<?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'=>$listDataProvider,
		'coloumCount'=>4,//no of items to shown in slider
));?>

//_list.php
<style>
a #image{
height:150px;
}
</style>

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

Resources

support@nintriva.com

8 0
18 followers
1 587 downloads
Yii Version: 1.1
License: BSD-2-Clause
Category: User Interface
Developed by: francis ja
Created on: Mar 1, 2012
Last updated: 4 years ago

Downloads

show all

Related Extensions