イメージスライダとjqueryのサイクルプラグインが一緒に動作しない

Question

ここでは、イメージスライダとjqueryのサイクルプラグインを使用しています。それらのコードの1つだけが上に置かれています。問題はどこだ ？頭の内容のコードは以下の通りです。

<script src="js/jquery.js" type="text/javascript"></script> 
<script src="js/easySlider1.7.js" type="text/javascript"></script> 

    <link href="css/jq.css" rel="stylesheet" type="text/css" /> 
<link href="css/cycle.css" rel="stylesheet" type="text/css" /> 
<script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script> 
<script src="js/chili-1.7.pack.js" type="text/javascript"></script> 
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script> 
<script src="js/jquery.cycle.all.js" type="text/javascript"></script> 

$(document).ready(function() { 

    $('#s1').cycle({ 
     fx: 'scrollDown', 
     speedIn: 2000, 
     speedOut: 500, 
     easeIn: 'easeInCirc', 
     easeOut: 'easeOutBounce', 
     delay: -2000 
    }); 

     $("#slider").easySlider({ 
      auto: true, 
      continuous: true, 
      nextId: "slider1next", 
      prevId: "slider1prev" 
     }); 



}); 

<link href="css/screen.css" rel="stylesheet" type="text/css" /> 

スライダーコード

<div id="slider" > 
     <ul>     
      <li><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /></a></li> 
      <li><a href="http://templatica.com/preview/7"><img src="images/02.jpg" alt="Css Template Preview" /></a></li> 
      <li><a href="http://templatica.com/preview/25"><img src="images/03.jpg" alt="Css Template Preview" /></a></li> 
      <li><a href="http://templatica.com/preview/26"><img src="images/04.jpg" alt="Css Template Preview" /></a></li> 
      <li><a href="http://templatica.com/preview/27"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>   
     </ul> 

    </div> 
    <div class="clear"> 
    </div> 
</div> 

とサイクルプラグインのHTML

 <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" alt="" /> 

     <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" alt="" /> 

     <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" alt="" /> 

    </div> 

Answer 1

含ま順序は重要であり、あなたが重複しjquery.jsを持っています。この注文を試す：

<link href="css/jq.css" rel="stylesheet" type="text/css" /> 
<link href="css/cycle.css" rel="stylesheet" type="text/css" /> 

<script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script> 
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script> 
<script src="js/jquery.cycle.all.js" type="text/javascript"></script><script src="js/easySlider1.7.js" type="text/javascript"></script> 
<script src="js/chili-1.7.pack.js" type="text/javascript"></script>