Lightbox和Easing Slider中的冲突

Question

我在两个功能中都面临着冲突问题。如果我使用上面的 // for slider 代码，灯箱工作和easyslider将无法工作，反之亦然。完成它的解决方案是什么？

我在标题

中使用以下代码

//for lightbox
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>


//for slider
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
    $(document).ready(function(){   
        $("#slider").easySlider({
            auto: true, 
            continuous: true,
            numeric: true
        });
    }); 
</script>