Conflict between sliders in same pages

Conflict between sliders in same pages

Hi all,

I have a problem with sliders in the same page , when i display one the other disapear.
This is my code

  1. -----------------------------------------1er slider---------------------------------
     
        <script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/cufon-replace.js"></script>
        <script type="text/javascript" src="js/Myriad_Pro_italic_600.font.js"></script>
        <script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
        <script type="text/javascript" src="js/jquery_002.js"></script>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery_003.js"></script>
        
        
        <script type="text/javascript">
        
        jQuery(window).ready(function(){
            jQuery("#nivoslider-54").nivoSlider({
                    effect:"sliceDownRight",
                    slices:15,
                    boxCols:8,
                    boxRows:4,
                    animSpeed:500,
                    pauseTime:3000,
                    startSlide:0,
                    directionNav:false,
                    directionNavHide:true,
                    controlNav:false,
                    controlNavThumbs:false,
                    controlNavThumbsFromRel:false,
                    keyboardNav:false,
                    pauseOnHover:false,
                    manualAdvance:false
                });
        
            
            });
            
        
            </script>
     
     
     
    ---------------------------------2 ème slider----------------------------
     
    <script type="text/javascript" src="jsc/jquery_002.js"></script>
    <!-- include Cycle plugin -->
    <script type="text/javascript" src="jsc/jquery.js"></script>
    <!--
    <script type="text/javascript" language="javascript" src="js/jquery-1.5.2.min.js"></script>
    -->
    <script type="text/javascript" language="javascript" src="jsc/jquery.easing.min.1.3.js"></script>
     
    <script type="text/javascript" language="javascript" src="jsc/jquery.jcontent.0.8.min.js"></script>
     
     
     
    $("document").ready(function() {
        $('.slideshow').cycle({
            fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        });
        
         //demo5
                    $("div#demo5").jContent({orientation: 'vertical',
                                             easing: "easeOutCirc",
                                             duration: 200,
                                             auto: true,
                                             pause_on_hover: true,
                                             direction: 'next',
                                             pause: 2000 ,
                                             });
                                             
    });
    </script>