jqueryサイクルプラグインを設定する

Question

jquery cycle pluginを使用して簡単なスライドショーを使用しようとしていますが、動作しません。ここで

は私のコードです：

<script src="js/1.5.2/jquery.min.js" type="text/javascript"></script> 
<script src="js/jquery.easing.min.js" type="text/javascript"></script> 
<script src="jquery.cycle.all.js" type="text/javascript"></script> 

これはスクリプトです：

<script type="text/javascript"> 
     $('#s2').cycle({ 
      fx: 'scrollDown', 
      easing: 'easeOutBounce', 
      delay: -2000 
     }); 
    </script> 

CSS：

<style type="text/css"> 

    .pics { 
    height: 232px; 
    width: 232px; 
    padding: 0; 
    margin: 0; 
    position:absolute; 
    left:520px; 
    top:120px; 
} 

.pics img { 
    padding: 15px; 
    border: 1px solid #ccc; 
    background-color: #eee; 
    width: 200px; 
    height: 200px; 
    top: 0; 
    left: 0 
} 
</style> 

これらは画像のとおりです。

<div id="s2" class="pics"> 
      <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" /> 

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

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

    </div> 

Answer 1

それは私のために働く。私を参照してくださいjsfiddle