Adobe Edge Animate CC文件结构层次结构 - 如何从不同的文件夹位置加载资源和图像（2014.1.1发布）

Question

这更像是我为自己找到的解决方案，而不是一个问题。在这个问题的帮助下：Edge Animate files not working in CMS。

  

（上面有一个很好的解决方案，但它适用于较旧的Edge Animate，并且磁贴可能无法帮助用户查找此特定修复程序）

我正在寻找一种方法来重新构建我的Edge Animate文件以托管服务器，其方式是它不会弄乱服务器结构。

例如：将所有动画文件和资源放在动画文件夹中。

根/：

• 图像/
• 包括/
• 的动画/
• 形式/
• 的index.html
• and_so_on.html

如果您不使用或不能使用.oam文件，则不必像在默认情况下那样只删除根目录中的所有资产。

Answer 1

所以这就是我所做的：

• 您在服务器或测试文件夹上创建一个动画文件夹（这可以有一个子目录，如animation1，animation2等）。
• 将图片文件夹粘贴到动画文件夹中（来自Edge animate项目文件夹或发布文件夹）。
• 粘贴edge_includes文件夹。
• 粘贴“动画”_edge.js文件。
• 粘贴您的“动画”.html文件（这不是必需的，但是当我在根目录中的html的head部分粘贴Adobe Edge Runtime代码时，我从此文件开始工作。）
• 粘贴stylesheet.css。
• 如果您使用自定义字体，请不要忘记添加任何字体文件。

第1步您需要从动画文件夹中“动画”.html的头部复制一些代码并将其粘贴到“product”.html页面的头部（在根文件夹中） ）你希望动画显示在哪里。

• 将代码复制到“动画”.html的头部<!--Adobe Edge Runtime--> . . . <!--Adobe Edge Runtime End-->中，并将其粘贴到您希望显示的html的头部：products.html

• 从“动画”.html中复制<div id="Stage" class="EDGE-1234123"> .... </div>并将div粘贴到您希望其显示的“products”.html中。

位于头<script type="text/javascript" charset="utf-8" src="edge_includes/edge.5.0.1.min.js"></script>的Adobe Edge Runtime代码中的

• 更改 <script type="text/javascript" charset="utf-8" src="animations/animation1/edge_includes/edge.5.0.1.min.js"></script>

• 将 AdobeEdge.loadComposition('animation', 'EDGE-4297215',..更改为
  AdobeEdge.loadComposition('animations/animation1/animation', 'EDGE-4297215',..

• 将 ["rgba(0,0,0,0)",'images/animation.png','0px','0px']更改为
  ["rgba(0,0,0,0)",'animations/animation1/images/animation.png','0px','0px']（这是海报图片）

“动画”_edge.js文件中的

第2步：

• 将 var im='images/',更改为
  var im='animations/animation1/images/',

• 将 '<link rel=\"stylesheet\" href=\"stylesheet.css\" type=\"text/css\" media=\"screen\" title=\"\" charset=\"utf-8\" />'更改为
  '<link rel=\"stylesheet\" href=\"animations/animation1/stylesheet.css\" type=\"text/css\" media=\"screen\" title=\"\" charset=\"utf-8\" />'

这些是我跟随的步骤，他们为我工作，不知道如何发布此请随意评论，更正; D为