jquery循環curtainX無法正常工作

我在jquery中遇到了一個'curtainX'循環動畫的問題。第一個動畫似乎縮小了頂部中心，而不是做它應該的動畫。我似乎無法找到問題，現在我不知道從哪裏開始。我試圖檢查動畫的不同選項，似乎無法弄清楚。jquery循環curtainX無法正常工作

<!DOCTYPE html> 
<html> 
    <head> 
    <style type = "text/css">img{position:absolute;}</style> 
    <script src = "jquery.js"></script> 
    <script src = "jquery-ui.js"></script> 
    <script src = "jquery-cycle.js"></script> 
    <script src = "text/javascript"> 
     function start(){ 
     $("#blank").cycle({ 
      fx: 'curtainX', 
      sync: false, 
      delay: -4000 
     }); 
     } 
    </script> 
    </head> 
    <body> 
    <div id = "blank" onclick = "start()"> 
     <img src = "img/blank.gif" style = "z-index:1"/> 
     <img src = "img/1c.gif"/> 
    </div> 
    </body> 
</html>

您可以在http://vrbj.webs.com/flipTest.html

來源

2013-04-05 Vince

觀看演示這似乎是與缺乏一個寬度和高度的問題。

我已經重寫代碼here

刪除的寬度和高度會導致您的問題。

可以解決發生變化：

img{position:absolute;}

到

img{position:absolute; width: 59px; height: 74px;}

也考慮您已經編寫代碼的方式，採取在廁所我寫的是什麼。你的代碼是正確的，但寫的方式不如小提琴的「插件兼容性」。

來源

2013-04-05 15:26:42

標籤中的功能在需要時被調用。嘗試在標籤內移動你的啓動函數，並把它放在$（document）.ready（你的函數）調用中

來源

2013-04-05 15:43:57

jquery循環curtainX無法正常工作

回答

相關問題