nivoslider

$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.

Total 6 comments

#7236

WebDevPT at 2012/03/06 06:13am

Thank you!

Thank you very much, keep up the good work.

My suggestion to make this even better is to change it a bit so we can use a folder with images to display all images inside that folder instead of a new array with path, caption and other parameters for each image.

Keep up the good work.

#5056

TomTheGeek at 2011/09/10 04:51pm

No pics problem

I could see captions rotating but no pics, turns out width and height has to be set or you see nothing.

$this->widget('application.extensions.nivoslider.ENivoSlider', array(
    // set the width and height to see the pictures.
    'htmlOptions'=>array('style'=>'width: 400px; height: 200px;'),
    'images'=>array( //@array images with images arrays.
        array('src'=>Yii::app()->request>baseUrl.'/images/image.jpg',
              'caption'=>'Picture two',
              'linkOptions'=>array(),
             ),
        ),
    )
);

#4621

Asgaroth at 2011/07/26 10:17pm

@Bug

To the suggested modification i had to change line 99 to

echo CHtml::image($item['src'], $options['title'], $options)."\n";

Otherwise im forced to set a caption or get a "Undefined index: caption "

#3696

jacmoe at 2011/04/29 12:18am

Great work!

Really nice extension!

I had to modify one function to make it work, though:

public function renderImages($items)
    {
        foreach($items as $item) {
                        $options=isset($item['imageOptions']) ? $item['imageOptions'] : array();
                        $link_options=isset($item['linkOptions']) ? $item['linkOptions'] : array();
 
            if (isset($item['caption'])) {
                $options['title']=$item['caption'];
            } else {
                            $options['title'] = '';
                        }
 
            if (isset($item['url'])) {
                echo CHtml::link(CHtml::image($item['src'], $item['caption'], $options), $item['url'], $link_options)."\n";
            } else {
                echo CHtml::image($item['src'], $item['caption'], $options)."\n";
            }
        }
    }

#2432

DarkNSF at 2010/12/30 12:07pm

Fix for this extension

Download the latest version of NivoSlider and copy over the existing library in assets.

http://nivo.dev7studios.com/

#2427

DarkNSF at 2010/12/29 05:52pm

Broken

Appears to be broken with jQuery 1.4.4 which is bundled with Yii Framework 1.1.5

Please login to leave your comment.

nivoslider

New features: ¶

Features ¶

Browser support ¶

Resources ¶

Donate ¶

Documentation ¶

Requirements ¶

Installation ¶

Usage ¶