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.

Reply via email to