Animation with newer versions of Edge Animate can easily be integrated manually without depending on the plugin. Consider that as an\noption when running into problems.<\/p>\n\n
Publish your composition with option \"Animate Deployment Package\" and rename the .oam to .zip. Unpack it and upload the \"Asset\" folder\nto your server under \"myproject\" (maybe \/wp-content\/uploads\/myproject). Open the contained main project .html file. Copy the<\/p>\n\n
<div id=\"Stage\" class=\"EDGE-11111111\"><\/div>\n<\/code><\/pre>\n\nline into your desired template. Also copy everything in between the 'script' tags (including the tags) and insert it into the same template.\nThe first line after the opening script tag should read<\/p>\n\n
var custHtmlRoot=\"\";\n<\/code><\/pre>\n\nAdjust that so it matches the relative project directory. E.g.:<\/p>\n\n
var custHtmlRoot=\"\/wp-content\/uploads\/myproject\";\n<\/code><\/pre>\n\nSave the template. The animation should come up.<\/p><\/dd>\n
General things to check when problems occur<\/dt>\n\n- Open the debug console in Chrome (mac: alt + cmd + j) or Firefox and check for JavaScript errors.<\/li>\n<\/ul><\/dd>\n
- jQuery issues<\/dt>\n
Try to enable jQuery no conflict mode in the settings page, this might resolve conflicts between Edge Animates\n version of jQuery and other plugins.<\/p><\/dd>\n
- Animations don't show up<\/dt>\n
Uploading worked but nothings shows up on the page. Things to check:<\/p>\n\n
\nLook at the source code of the page and search for:<\/p><\/li>\n
\"stage\" - You should find a div container, if so HTML rendering went fine.<\/p><\/li>\n
\"_preloader\" - You should find a script tag, if so JS inclusion went fine.<\/p><\/li>\n
If \"stage\" or \"_preloader\" are not found, disable other plugins for testing to check if they might interferer.<\/p><\/li>\n
For testing remove all other fancy JavaScript like galleries, slideshows, etc. that are placed alongside the animation, the JS might collide.<\/p><\/li>\n
Enable the JS debug log in the settings<\/p><\/li>\n
Enable jQuery no-conflict mode in the settings<\/p><\/li>\n<\/ul><\/dd>\n
- Custom JavaScript<\/dt>\n
When using custom JavaScript code make sure you reference the Stage through<\/p>\n\n
sym.$('Stage')\n<\/code><\/pre>\n\n$('#Stage') or sym.$('#Stage') will not work. The reason is that Edge Suite needs to alter the Stage Div Id, so '#Stage'\ndoes not exist. When using sym.$('Stage') Edge Animate will use its internal reference to get the stage.<\/p><\/dd>\n
- Head Cleaner: Animations don't show up<\/dt>\n
Head Cleaner basically skips the processing of edge_suite_header() which is needed to inject the Edge Javascript.\nUnder Settings > Head Cleaner > Active Filters check the box \"Don't process!\" for \"edge_suite_header\" and click \"Save options\".\nThis stops Head Cleaner from \"processing\" ede_suite_header(), which basically means allowing edge_suite_header() (reverse logic).<\/p><\/dd>\n
- PHP ZipArchive not found<\/dt>\n
zip.so needs to be installed as a PHP library<\/p><\/dd>\n
- Background animation<\/dt>\n
If you want to use your composition as a background animation, try the following CSS on your stage id, e.g. #Stage_mycomp<\/p><\/dd>\n
- Stage_mycomp{<\/dt>\n
position: absolute !important; \/* That is not pretty, but no way around it. \/\n top: 0px; \/<\/em> Aligns the animation with the top of the header (can be removed or changed) \/\n z-index: -5; \/<\/em> Places animation in the background, set to a positive value for an overlay *\/<\/p>\n\n \/* Only use the following if you want to center the animation *\/\n left: 50%;\n margin-left: -346px; \/* Half the width of the stage *\/\n top: 50%;\n margin-top: -200px; \/* Half the height of the stage *\/\n}\n<\/code><\/pre><\/dd>\n\n<\/dl>\n\n\n0.2<\/h4>\n\n
Change of filesystem usage<\/p>\n\n
0.3<\/h4>\n\n
Changes to support Edge Animate version 1.0, minified files, oam files<\/p>\n\n
0.4<\/h4>\n\n
Bugfixes<\/p>\n\n
0.5<\/h4>\n\n
Bugfixes, jQuery no conflict mode, readme update<\/p>\n\n
0.6<\/h4>\n\n
Bugfixes, readme update, better error handling, Edge Animate 3 updates<\/p>","raw_excerpt":"Manage and view your Adobe Edge Animate compositions on your website.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/19541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=19541"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/ti2m"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=19541"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=19541"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=19541"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=19541"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=19541"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=19541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}