jquery cycle plugin을 설정하십시오.

Question

jquery cycle plugin을 사용하여 간단한 슬라이드 쇼를 사용하려고합니다. 작동하지 않아 정말 실종 된 것을 이해하지 못합니까?

<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> 

이 스크립트입니다

<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> 

: 여기

내 코드입니다

Answer 1

그것은 나를 위해 작동합니다. 내 jsfiddle