Hello, i am using this image slider
http://www.php-help.ro/examples/slideitmoo_1.1/ but now i want to use it twice on the same page with slight difference is, for one div i want to move images one by one and the for another one images should move three by three. Because i am using the same application i have tried to change its class name. but at time only one thing works. here its JS code <script language="javascript" type="text/javascript"> window.addEvents({ 'domready': function(){ /* thumbnails example , div containers */ new SlideItMoo({ overallContainer: 'SlideItMoo_outer', elementScrolled: 'SlideItMoo_inner', thumbsContainer: 'SlideItMoo_items', itemsVisible:3, elemsSlide:3, duration:300, itemsSelector: '.SlideItMoo_element', itemWidth: 158, showControls:1}); }, 'load': function(){ /* banner rotator example */ new SlideItMoo({overallContainer: 'SlideItMoo_banners_outer', elementScrolled: 'SlideItMoo_banners_inner', thumbsContainer: 'SlideItMoo_banners_items', itemsVisible:1, itemsSelector: '.banner', showControls:0, autoSlide: 3000, transition: Fx.Transitions.Bounce.easeOut, duration: 1800, direction:-1}); /* info rotator example */ new SlideItMoo({overallContainer: 'SlideItMoo_info_outer', elementScrolled: 'SlideItMoo_info_inner', thumbsContainer: 'SlideItMoo_info_items', itemsVisible:1, itemsSelector: '.info_item', itemWidth:557, showControls:0, autoSlide: 5000, transition: Fx.Transitions.Sine.easeIn, duration: 1800, direction:1}); } }); </script> my question is what i need to change with the both classes as well as js function so they ll work fine on te same page? is it kind of conflict or something occurring on the page? please help me. Thnaks in advance.
