Question

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

查看演示

Answer 1

这似乎是一个与缺乏宽度和高度有关的问题。

我重写了代码here

删除宽度和高度会导致您的问题。

你可以解决改变：

img{position:absolute;}

到

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

还要考虑你编写代码的方式，以我所写的内容为基础。你的代码是正确的，但编写的方式不像小提琴那样“插件兼容”。

Answer 2

标记中的函数在需要时调用。尝试在标签内移动你的启动功能，并将其放在$（文件）.ready（你的功能）电话

中

jquery cycle curtainX无法正常工作

2 个答案: