jquery cycle plugin을 설정하십시오.

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

: 여기

내 코드입니다

출처

2011-11-15 coder

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

출처

2011-11-15 15:02:32

위대한입니다 그리고 난 크롬과 파이어 폭스와 노력했지만 아무도 작동하지 않습니다. – coder

내 jsfiddle이 도움이됩니까? 모든 파일이로드되고 콘솔에 오류가없는 경우 콘솔을 확인할 수 있습니까? –

@Manuel 나는 그것을 확인했지만 wverything 괜찮아요 정말 이걸로 화를 내고 그것은 jsfiddle 잘 작동합니다. – coder

jquery cycle plugin을 설정하십시오.

답변

관련 문제