Plugins/Modules > Elastislide – FREE A Responsive jQuery Carousel Plugin

Elastislide – FREE A Responsive jQuery Carousel Plugin


Date: 12 September 2011 | Posted by: w3nh4o
Elastislide – FREE A Responsive jQuery Carousel Plugin


Demo :
http://adf.ly/2h8sv

Source :
http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/


With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

In a carousel, one could think that simply making its container “shorter” will solve the problem on smaller screens, but in some cases (e.g. when we have bigger images) it might be reasonable to resize the items as well. This and other options are part of Elastislide’s properties.

Elastislide uses the jQuery Touchwipe Plugin which allows you to obtain the wipe event on an iPhone, iPad or iPod Touch.
See full article