0 Replies Latest reply: Feb 8, 2012 3:49 PM by Kim Isola RSS

    How do I add HTML5 animations from Adobe Edge in my Muse site?

    Kim Isola Employee Hosts
    Kim Isola Feb 8, 2012 3:49 PM

      For now, here are the steps to use Edge output in Muse.

       

      1. Put all output files generated from Edge in the same folder that you want to export Muse output files. (keep all the subfolder structure e.g. edge_includes
      2. In Muse, use Object->Insert HTML... menu to insert the following code:

       

      <iframe src="Project-Header-r1v1.html" width="100%" height="100%" frameborder="0" scrolling="no">

      </iframe>

       

      Note

      • "Project-Header-r1v1.html" is a HTML file name that part of your Edge output.
      • Do not copy and paste the content in "Project-Header-r1v1.html" file directly since this refers to different jQuery file and it will also cause a duplicate Javascript include which break the output.

       

           3. Export your Muse site to the folder.

       

      Here's a movie showing Edge and Muse together: