nivoslider DEPRECATED. Nivo Slider, the most awesome jQuery image slider [Óutdated]

DEPRECATED.

Yii version of Nivo Slider.

  1. New features:
  2. Features
  3. Browser support
  4. Donate
  5. Documentation
  6. Try others combinations. See configuration parameters bellow.
  7. Parameters you could set on CNivoSlider
  8. Goto Nivo Slider website to check nivo slider configuration parameters.
  9. Parameters you could set inside images array
  10. Change Log

This release is an alpha version, no bugs related yet.

New features:

  • Dynamic id generation
  • Dynamic div, images, captions an links generation
  • Fixed styles sheets
  • Images assets retouched.

Please report bugs at Forum topic.

Features

  • 9 unique transition effects
  • Simple clean & valid markup
  • Loads of settings to tweak
  • Built in directional and control navigation
  • Packed version only weighs 7kb
  • Supports linking images
  • Keyboard Navigation
  • Free to use and abuse under the MIT license

Browser support

  • Internet Explorer v7+
  • Firefox v3+
  • Google Chrome v4
  • Safari v4
  • Opera v10.5

Please support the original creator.

Resources

Donate

Documentation

Requirements
  • Yii 1.0 or above
Installation
  • Extract the release file under protected/extensions
Usage

Put the follow code into your views.

$this->widget('application.extensions.nivoslider.CNivoSlider', array(
	'images'=>array( //@array images with images arrays.
		array('src'=>'path/to/image'), //only display image.
		array('src'=>'path/to/image', 'caption'=>''), //display image and nivo slider caption.
		array('src'=>'path/to/image', 'url'=>array('')), //display image with link.
		array('src'=>'path/to/image', 'url'=>array(''), 'caption'=>''), //display image with nivo slider caption and link reference.
		),
	)
);

Try others combinations. See configuration parameters bellow.

Parameters you could set on CNivoSlider

id				=	@string, the id of the nivo slider div. Defaults set to dynamic generation.
htmlOptions 	=	@array, the html options of the nivo slider div. Defaults set to null.
fancy			=	@boolean, toggle the defaults fancy style. Defaults set to true.
cssFile			=	@string, path to custom style sheet.  Defaults set to NULL.
config			=	@array, configuration parameters of nivo slider jquery. Defaults set to basic configuration.
images			=	@array containing the images arrays of the widget. Defaults set to NONE.

Goto Nivo Slider website to check nivo slider configuration parameters.

Parameters you could set inside images array

src			=	@string, the path of image,
caption		=	@string, the nivo slider caption of image,
imageOptions=	@array, the html options of image tag
url			=	@array or @string, the path of link,
linkOptions	=	@array, the html options of link tag

Change Log

July 24, 2010
  • Initial release.
July 28, 2010 - 2.0 alpha
  • All class code has been rewritten to be more flexible, dynamic and elegant
  • Implemented simple usage
  • Implemented dynamic id generation
  • Implemented dynamic div, images, captions and links generation
  • Implemented dynamic set of images html options and link html options.
  • Fixed nivo-slider.css. Now images with link have cursor pointer.
  • Fixed bullets positioning on fancy-nivo-silder.css.
  • arrow.png and bullets.png have been retouched.
  • Removed the loading.gif asset.
December 06, 2010
  • Fixed some bugs.
13 2
22 followers
4 912 downloads
Yii Version: 1.1
License: MIT
Category: User Interface
Tags:
Developed by: thiagovidal
Created on: Jul 25, 2010
Last updated: 4 years ago

Downloads

show all