Question

上帝的绿地上是否有人知道为什么这不起作用？我直接从jQuery reel的例子（http://test.vostrel.net/jquery.reel/example/object-movie-non-animated-sprite/）中获取了示例代码，并将其与其他人已经使用jQuery卷轴成功使用的图像相结合。

我已经尝试了文档中的所有可用的附加选项，但没有成功。无论我做什么，它都无法奏效。它渲染，旋转，但它全都顶起来了。我看到四个水疗中心而不是一个水疗中心，当它旋转时，当它移动到下一行幻灯片时，它就完全错了。

复制并粘贴到文件中，所有资产都是绝对的。

<!DOCTYPE html>
<html>
  <head>
    <title>360 View</title>
    <meta charset='utf-8' content='text/html' http-equiv='Content-type' />
    <script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script>
    <script src='http://test.vostrel.net/jquery.reel/jquery.reel.js' type='text/javascript'></script>
  </head>
  <body>
    <img src="http://www.calderaspas.com/sites/default/files/cantabria-loading_0.gif" width="690" height="545"
      id="image"
      class="reel"
      data-image="http://www.calderaspas.com/sites/default/files/cantabria-360-2.jpg"
      data-frames="72">
  </body>
</html>

Answer 1

您需要定义素材：

<img src="http://www.calderaspas.com/sites/default/files/cantabria-loading_0.gif" width="690" height="545"
  id="image"
  class="reel"
  data-image="http://www.calderaspas.com/sites/default/files/cantabria-360-2.jpg"
  data-frames="72"
  data-footage="24">

jQuery Reel插件：使用示例代码和有效的卷轴图像

1 个答案: