simplefadeslideshow

An extension as wrapper for the jQuery Plugin Simple FadeSlideShow
3 followers

SimpleFadeSlideShow

This is a wrapper to use the Simple FadeSlideShow jQuery plugin from Pascal Bajorat with the Yii framework (PHP)

Download the latest at github: Click here

There is a demo of the jQuery plugin at http://www.simplefadeslideshow.com/, i just changed some styles and the arrow grafic to suit my own needs.

Sources/Dependencies

How to use

Example Markup

Thanks to Yii´s auto loading, there is no need to add this extension to your config.

Minimal markup

$this->widget(
    'ext.SimpleFadeSlideShow.SimpleFadeSlideShow',
    array(
        'images' => array('url.to.image','url.to.another.image')
    )
);

Advanced markup

$this->widget(
    'ext.SimpleFadeSlideShow.SimpleFadeSlideShow',
    array(
        'images' => array(
            array(
                'src' => 'url.to.image',
                'href' => 'url.to.open.on.click',
                'text' => 'Some text to show as link title and image alt tag'
            ),
            array(
                'src' => 'url.to.another.image',
                'href' => 'url.to.open.on.click',
                'text' => 'Some text to show as link title and image alt tag'
            )
        ),
        'width' => 624,
        'height' => 240,
        'interval' => 10000,
        'speed' => 'slow',
        'ListElement' => false,
        'PlayPauseElement' => false,
        'autoPlay' => true,
    )
);

Basically all options from the jQuery plugin are supported, they may be given directly, if not given, some default values will be used.

Additionally you may give another CSS file or arrow image.

To see a list of all parameters, just have a look at the code, it´s very simple.

Licence

Dual licensed under MIT and GPLv3+

Total 4 comments

#18660 report it
slp at 2014/12/08 09:51am
Re: Responsive?

Sorry for my late answer. This Yii Extension is only a wrapper for the underlying jQuery Plugin. So all the responsiveness would have to come from there. Afaik the jQuery plugin is not responsive as is, but i guess, with a few changes in the bundled css file you could accomplish such task. In case you go for it, i'd appreciate, if you head over to the github page and add a pull request with your changes. Thanks

#18642 report it
Jordan Sipahutar at 2014/12/04 09:14pm
Responsive?

is this extension responsive?

#16507 report it
slp at 2014/02/28 02:36pm
Missing download

Sorry, just forgot to add the link to the github page, added the latest zip and put the direct link to github into the description. Thanks to Mauro for pointing this out :)

#16506 report it
Mauro Julio Battassini at 2014/02/28 02:25pm
Download

No downloadable files yet

Please upload the files

Leave a comment

Please to leave your comment.

Create extension