Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

CarouselAnimPlugin (gallery-carousel-anim) on cdn

Last Updated: 10/13/10

+ 0 -

Gopal Venkatesan

YUI Developer

See 1 more by this user.

Created: 10/13/10
Last CDN Push: 03/23/12
Build Tag: gallery-2012.03.23-18-00
Project: YUI 3
License: YUI BSD
YUI Version: 3.2.0
Free for use.

The Carousel Control provides a widget for browsing among a set of like objects arrayed vertically or horizontally in an overloaded page region. The "carousel" metaphor derives from an analogy to slide carousels in the days of film photography; the Carousel Control can maintain fidelity to this metaphor by allowing a continuous, circular navigation through all of the content blocks.

This is a plugin for additing animation to the Carousel widget.

Tags:
g13n

Code Sample

<script src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js"></script>

// Due to a bug the following CSS asset should be included statically:
// http://yui.yahooapis.com/gallery-2010.10.13-20-59/build/gallery-carousel/assets/skins/sam/gallery-carousel.css
 
YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.03.23-18-00'
}).use("gallery-carousel", "gallery-carousel-anim", "substitute", function(Y) {
 
    var carousel = new Y.Carousel({ boundingBox: "#container",
            contentBox: "#container > ol" });
    carousel.plug(Y.CarouselAnimPlugin, { animation: { speed: 1, effect: Y.Easing.backIn } });
    carousel.render();
    setTimeout(function () {
        carousel.scrollPageForward();
    }, 2000);
 
});

Forum Posts

Subject	Author	Date
Version gallery-2010.10.06-18-55 not working?	Bart Teeuwisse	10/8/10
Re: Version gallery-2010.10.06-18-55 not working?	Huge Huang	10/11/10
Re: Version gallery-2010.10.06-18-55 not working?	Gopal Venkatesan	10/13/10
Re: Version gallery-2010.10.06-18-55 not working?	Gopal Venkatesan	10/13/10
Setting the height of the gallery carousel	paulie	12/2/10
Re: Setting the height of the gallery carousel	paulie	12/2/10
Touch?	Simon Gilligan	12/15/10
Trouble making the example work...	weimer	12/21/10
Can we get an example please ?	matthieu bosquet	01/6/11
Re: Trouble making the example work...	sdeva	01/7/11