这更像是我为自己找到的解决方案,而不是一个问题。在这个问题的帮助下:边缘动画文件在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作为