Yii 1.1: ecaroufredsel

circular, responsive jQuery carousel based on carouFredSel
15 followers

jQuery.carouFredSel is a plugin that turns any kind of HTML element into a carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, infinite and circular, automatically or by user interaction. Oh, and it's responsive too.

The carouFredSel-plugin was built using the jQuery-library, you can use it on your blog or website on any kind of managed hosting server.

It is dual licensed under both the MIT and GPL licenses.

Usage

Unpack to extensions folder.

$this->widget('ext.carouFredSel.ECarouFredSel', array(
    'id' => 'carousel',
    'target' => '#foo',
    'config' => array(
        'items' => 6,
        'scroll' => array(
            'items' => 1,
            'easing' => 'swing',
            'duration' => 800,                      
            'pauseDuration' => 1500,    
            'pauseOnHover' => false,
            'fx' => 'crossfade',
        ),
    ),
));

Resources

Example

Update

Update plugin to version 6.2.1, a more stable version, more animations options... Changelogs CarouselFred

Total 3 comments

#10691 report it
Junior - df9 at 2012/11/15 12:39pm
Solved

Problem was that foundation.min.js includes jQuery

Removing the code from that file solved the problem

Thanks for the ext

=))

Regards

#10690 report it
Junior - df9 at 2012/11/15 12:06pm
Does not work for me

Firebug shows that carouFredSel() is not a function

Assets are registered correctly. Even tried downloading the newest version of the plugin but nothing

TypeError: $("#foo0").carouFredSel is not a function

$('#foo0').carouFredSel([]);

Linux OpenSuse 12.1 Firefox 15.0

Any ideas?

Thanks

#9909 report it
yiqing95 at 2012/09/21 03:29am
really cool plugin

thanks for sharing . very useful for the website home to show the banners ! and good for the gallery showing !

Leave a comment

Please to leave your comment.

Create extension