Adobe Edge使用在其他项目中生成的javascript

时间:2014-01-28 09:10:49

标签: javascript html animation adobe-edge

我在adobe Edge制作了一些动画,它生成了3个javascripts文件:anim_ecran1_edge.js; anim_ecran1_edgeActions.js; anim_ecran1_edgePreload.js和我的html文件。

我想在具有特定侦听器的不同项目中使用此动画。 有人能解释我怎么做? 的问候,

1 个答案:

答案 0 :(得分:0)

所以我有一个类似于此问题的问题,我想将Adobe Edge项目调用到网页但不想将所有文件存储在我的服务器上的一个位置,我终于找到了解决方案没有太多信息在网上如何做到这一点,所以我会尽我所能来帮助你。所以我知道如果你开始在它周围移动Edges文件会变得很快。所以让我举一个例子,我在我的网站的根文件夹中有一个网页,我有一个Edge文件夹,我存储了所有的Edge文件。为了让我在根网页上调用动画文件夹我需要在edgePreload.js文件中更改一些内容,有四件事需要更改,这些是我的样子:

Edge/Icons/edge_includes/jquery-1.7.1.min.js    
Edge/Icons/edge_includes/edge.2.0.1.min.js   
Edge/Icons/icons_edge.js  
Edge/Icons/icons_edgeActions.js

*注意我会使用ctrl f来查找这些文件,因为这个.js文件写得不整齐。

你看我必须添加“Edge / Icons /以便.js文件知道在哪里看。同样如果你要有图像你需要更改edge.js文件,我的文件看起来像这样“var im ='Edge / Icons / images /';”

(ristenk1我认为这最后一步可能是你缺少的,或者你只是没有提及它,而不是使用iFrame尝试只使用div)

最后但并非最不重要的是,您希望这些动画显示在您的网页上需要向您的<添加这样的内容。头>标签。这可以在您发布的边缘项目的.html文件中,您发布的每个项目都有唯一的ID。

!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="Edge/Icons/icons_edgePreload.js"></script>
<style>
    .edgeLoad-EDGE-42407812 { visibility:hidden; }
</style>

然后在你想要出现的身体中使用:

<div id="Stage" class="EDGE-42407812">
</div>

此外,我在这里找到了一些资源:

http://www.danielhanly.com/blog/tutorial/adobe-edge-embedding-animations-page/

http://www.vbulletin.org/forum/showthread.php?t=277838

我想我的工作电脑上还有一些我会在工作时尝试发布它们。如果您有任何问题,我希望这会有所帮助。