2010-03-14 4 views
1

여기에 제 코드가 있습니다. 왜곡 옵션을 추가 할 때 어떤 이유로 작동하지 않습니다.jquery slideshow/easing 작동하지 않는 사이클

'페이드'와 잘 작동합니다.

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

    <style> 
     .pics { 
    height: 383px; 
    width: 582px; 
    padding: 0; 
    margin: 0; 
} 

.pics img { 
    padding: 15px; 
    border: 1px solid #ccc; 
    background-color: #eee; 
    width: 550px; 
    height: 350px; 
    top: 0; 
    left: 0 
} 
    </style> 
    <div id="cycle" class="pics"> 
     <img src="/images/1.png" width="550" height="350" /> 
     <img src="/images/2.jpg" width="550" height="350"/> 
    </div> 
    <script type="text/javascript"> 
     $().ready(function() { 

     $('#cycle').cycle({ 
      fx: 'scrollDown', 
      easing: 'bounceout', 
      delay: -2000 
     }); 

     }); 
    </script> 

내가해야 할 뭔가가 있나요, 내가 완화 한 사이클 플러그인을 말할?

답변

2

"bounceout"대신 $ .easing.bounceout을 사용해보십시오.

사실, 그 easing plugin을 살펴보면, 모든 easing 이름이 다른 것처럼 보입니다. "easeOutBounce"대신 "bounceout"이라고 말하게하는 easing 플러그인을위한 compatibility addon이있는 것으로 보입니다.

관련 문제