Adobe边缘动画CC文件结构层次结构-如何有资产和图像加载从不同的文件夹位置(2014.1.1版本)



这更像是我为自己找到的解决方案,而不是一个问题。在这个问题的帮助下:边缘动画文件在CMS中不工作。

(上面有一个很好的解决方案,但它适用于较旧的边缘动画,并且tile可能无法帮助用户寻找这个特定的修复)

我正在寻找一种方法来重组我的边缘动画文件托管服务器的方式,它不会乱与服务器结构。

例如:将所有的动画文件和资源放在一个动画文件夹中。

根/

:

  • 图像/
  • 包括
  • /
  • 动画/
  • 风格/
  • index . html
  • and_so_on.html

如果你不使用或不能使用.oam文件,你就必须在默认情况下将所有的资源转储到根目录中。

我是这样做的:

    你在你的服务器或测试文件夹上创建一个animations文件夹(这个文件夹可以有一个子目录,如animation1, animation2等)。
  • 将图像文件夹粘贴到animations文件夹中(从Edge animate project文件夹或publish文件夹)。粘贴edge_includes文件夹
  • 粘贴你的"animation"_edge.js文件。
  • 粘贴你的"animation".html文件(这是不需要的,但我从这个文件中工作时,粘贴Adobe Edge运行时代码的头部部分的html根)。
  • 粘贴你的样式表。css.
  • 如果你在使用自定义字体,也不要忘记添加任何字体文件。

第1步你需要从animations文件夹中的"animation".html的头部复制一些代码,并将其粘贴到你希望显示动画的"product".html页面的头部(在根文件夹中)。

  • 复制"animation".html的标题<!--Adobe Edge Runtime--> . . . <!--Adobe Edge Runtime End-->中的代码,并将其粘贴到你希望它出现的html的标题中:products.html

  • 从"animation".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运行时代码中的更改为
    <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'](这是海报图片)

步骤2在"animation"_edge.js文件中:

  • 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作为

最新更新