slider Simply create a images slideshow

  1. Requirements
  2. Install
  3. Usage
  4. Parameters
  5. Resources

Simply create a images slideshow, using jQuery Cycle Plugin from www.jquery.malsup.com/cycle

Requirements

Requirements (Yii 1.5 or above)

Install

* Extract archive in your extensions folder
* In the site's root create a folder named "images" and copy content of "images" folder from archive

Usage

To include a slider in page:
<?php $this->widget('application.extensions.slider.slider');?>
or
	 <?php $this->widget('ext.slider.slider');?>
If you wish to customize your slider, you can set options:
<?php
		$this->widget('ext.slider.slider', array(
			'container'=>'slideshow',
			'width'=>960, 
			'height'=>240, 
			'timeout'=>6000,
			'infos'=>true,
			'constrainImage'=>true,
			'images'=>array('01.jpg','02.jpg','03.jpg','04.jpg'),
			'alts'=>array('First description','Second description','Third description','Four description'),
			'defaultUrl'=>Yii::app()->request->hostInfo
			)
		);
		?>

Parameters

sliderBase = string - set the folder base for slider, related to webapp root

imagesPath = string - set the folder for images used in active page

container = string - container class for slider

width = integer - the width of container

height = integer - the height of container

timeout = integer - speed to change images

infos = string - display the information over every picture

constrainImage = boolean - force the image to fill the container

images = array - set the name and the order of the pictures which will be displayied

alts = array - set alt attribute for every picture used in slider and definder in images attribute

urls = array - set url for every picture used in slider and definder in images parameter

defaultUrl = url - set the url where will be redirected at click on picture

defaultAlt = url - set default alt atribute to be used for all pictures used in slider

sameToAll = boolean - if is set to true, the set of images will be taken from "all"" folder from sliderBase folder and can be displayied in all pages (as a banner for example), if is set to false, you must create a folder named by page id, and slider will use that folder

Resources

10 2
21 followers
6 855 downloads
Yii Version: 1.1
License: BSD-2-Clause
Category: User Interface
Developed by: matricks
Created on: Aug 30, 2011
Last updated: 12 years ago

Downloads

show all

Related Extensions