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.

Circular Carousel (gallery-carousel-circular) on cdn

Last Updated: 11/13/11

+ 0 -

Sumana Mohan

YUI Contributor

See 1 more by this user.

Created: 09/19/11
Last CDN Push: 03/23/12
Build Tag: gallery-2012.03.23-18-00
Project: YUI 3
License: YUI BSD
YUI Version: 3.4.1
Free for use.

- Setup prev,next arrows to move between items

Tags:
sumana

Download
Docs
Homepage
Bugs
Source
Example
Forum
History

Builds carousel from existing markup

Code Sample

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

YUI({
        modules: {
             "gallery-carousel-circular": {
                fullpath : "../../../../yui3-gallery/build/gallery-carousel-circular/gallery-carousel-circular.js",
                requires : ["substitute", "widget"]
            }
        }
     }).use("gallery-carousel-circular", function (Y) {
 
    var carousel = new Y.CircularCarousel({
                   srcNode: '#carousel',
                   contentBox: '#carousel',
                   boundingBox : '#carousel',
                   type : 'CircularCarousel'
    });
        carousel.render();
 
    Y.one('.prev').on('click', function(){
       Y.fire('carousel:goPrev');
    });
    Y.one('.next').on('click', function(){
       Y.fire('carousel:goNext');
    });
});