Can we get an example please ?

Board index » YUI 3 Gallery Forums: » Gallery Forums » Carousel

This support forum belongs to the Carousel Gallery Module.
Carousel has a bug tracker here: http://github.com/g13n/yui3-gallery/issues

Page 1 of 1

[ 5 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

matthieu bosquet

Username: neiges
Joined: Thu Jan 06, 2011 2:29 am
Posts: 4

Tags:

carousel

Can we get an example please ?

Posted: Thu Jan 06, 2011 2:39 am

+0-

Dear Gopal,
I could not get your carousel to work, it's just displaying links, but the layout doesn't make any sense. Could you please post an example?
I'm sure it would save a lot of time to developers like me (and they might be a few now that you hit the yui blog).

Thanks,
Matthieu

sdeva

Joined: Fri Jan 07, 2011 3:45 am
Posts: 2

Re: Can we get an example please ?

Posted: Fri Jan 07, 2011 3:57 am

+0-

http://pastie.org/1436933

matthieu bosquet

Username: neiges
Joined: Thu Jan 06, 2011 2:29 am
Posts: 4

Re: Can we get an example please ?

Posted: Fri Jan 07, 2011 5:40 am

+0-

Thanks !

matthieu bosquet

Username: neiges
Joined: Thu Jan 06, 2011 2:29 am
Posts: 4

Tags:

Re: Can we get an example please ?

Posted: Tue Jan 11, 2011 12:56 am

+0-

Amendment to the example code : change fire event from available to domready.
So example code would be :

<html>
<head>
<script type="text/javascript" src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js"></script>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/gallery-2010.10.20-19-33/build/gallery-carousel/assets/skins/sam/gallery-carousel
.css"/>
</head>
<body class="yui3-skin-sam">
<div class="carousel" id="container">
<ol>
<li><img src="http://static.flickr.com/5006/5265039009_f92b60ffc6_m.jpg"></li>
<li><img src="http://static.flickr.com/5163/5265038529_b35a4f497e_m.jpg"></li>
<li><img src="http://static.flickr.com/5008/5265644686_712fde3f34_m.jpg"></li>
<li><img src="http://static.flickr.com/5241/5265037365_8679d00d49_m.jpg"></li>
</ol>
</div>
</body>
<script type="text/javascript">
YUI({gallery: 'gallery-2010.10.20-19-33'}).use("gallery-carousel", "gallery-carousel-anim", "substitute", function(Y) {
Y.on("domready", function(e) {
var carousel = new Y.Carousel({ boundingBox: "#container", contentBox: "#container > ol"});
carousel.plug(Y.CarouselAnimPlugin,{animation:{speed: 0.7}});
carousel.render();
}, "#container");
});
</script>
</html>

randombrad

Joined: Fri Jan 14, 2011 10:01 am
Posts: 2

Tags:

Re: Can we get an example please ?

Posted: Fri Jan 14, 2011 10:04 am

+0-

Here is a YUI3 Content Box that allows you to cross-fade items using the next and previous button. it works all the way down to IE 6. (http://goo.gl/adcHS)

Page 1 of 1

[ 5 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum