sdeva wrote:
With small changes it worked for me,
1. Set the body class to yui3-skin-sam
2. Force Include gallery-carousel.css, as specified by gopal in his usage sample.
http://pastie.org/1436933
1. Set the body class to yui3-skin-sam
2. Force Include gallery-carousel.css, as specified by gopal in his usage sample.
http://pastie.org/1436933
Hi,
I was used this available link for the carousel component YUI3, and its working well but I have 1 issues, which is the carousel display and repeat the last element and add another page contain this last element again, is there any solution for this bug , here below my code:
.....................................
........... .................
<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">
<!-- Carousel Script -->
YUI({gallery: 'gallery-2010.10.20-19-33'}).use("gallery-carousel", "gallery-carousel-anim", "substitute", function(Y) {
Y.on("available", function(e) {
var carousel = new Y.Carousel({ boundingBox: "#container", contentBox: "#container > ol", numVisible: 4/*, numItems:4*/});
<!--carousel.plug(Y.CarouselAnimPlugin,{animation:{speed: 0.7}});-->
carousel.render();
}, "#container");
});
<!-- /Carousel Script -->
</script>
..............
...................................
Thanks in advance
Aseel
