Edge Animate文件在CMS中不起作用

时间:2014-01-09 21:50:41

标签: javascript content-management-system adobe-edge

我发布了我的边缘动画项目。我正在使用名为Composica的CMS,它不支持.OAM文件,但我可以将html文件放入带有调用javascript的iframe的页面中。我已经在非由Edge生成的html和js文件上完成了它并且它工作正常。但是,当我尝试将边缘html文件和三个支持.js文件放在一起时,它不起作用。

此特定CMS将所有文件放在一起,因此我更改了以下路径:

  1. 更改了edge.js文档中图像文件路径的位置,因为Composica中的图像 不是在一个单独的文件夹中,而是在与调用图片的文件相同的文件夹中:
  2. im='images/'已更改为:im=''

    1. 更改edgePreload.js中两个jquery库文档的文件路径:

      { load: "edge_includes/jquery-1.7.1.min.js"}> { load: "jquery-1.7.1.min.js"}

      { load: "edge_includes/edge.2.0.1.min.js"}> { load: "edge.2.0.1.min.js"}

    2. 所以除非他们是我忽略的东西,否则我相信所有的文件都有正确的路径。然后,我采取了一个javascript警报,并在不同的位置尝试它,看看哪些不起作用。 html页面正常工作并正确调用edgePreload.js页面。但是当我将警报放在最后两个javascript文件(edge.js和edgeActions.js)上时,显然这是未正确调用的。在edgePreload.js文件中,我在这些位置尝试了警报:

      // tried alert here and was successful!
         aLoader = [
      
      
          { load: "jquery-1.7.1.min.js"},
          { load: "edge.2.0.1.min.js"},
                { load: "coachingEssentialsTug_edge.js"},
                { load: "coachingEssentialsTug_edgeActions.js"}];
      
       // tried alert here and was successful!
              //alert("Hello! I am an alert box!!");
      

      当我在aLoader中尝试警报时,我什么也没得到......所以出于某种原因,这是一个不允许我成功连接到这两个javascript文件的地方。

      请提出任何建议!

1 个答案:

答案 0 :(得分:0)

所以我有一个类似于此问题的问题,我想将Adobe Edge项目调用到网页但不想将所有文件存储在我的服务器上的一个位置,我终于找到了解决方案没有太多信息在网上如何做到这一点,所以我会尽我所能来帮助你。看起来您知道如何更改.js文件位置,但我将解释它,以便有类似问题的其他人知道该怎么做。所以我知道如果你开始在它周围移动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>
<!--Adobe Edge Runtime End-->

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

<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

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