Insert an animation of Adobe edge in Wordpress Zerif theme

Asked

Viewed 71 times

0

This is very specific, I don’t know if they can help me. This theme has several sessions, which are nothing more than PHP pages that are imported. I created a new page called "animation" and imported in the theme with the code:

get_template_part( 'sections/animacao' );

So far it works normal. But I want to put an animation I did in Edge Animate CC. The edge generates an HTML5:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
    <title>Untitled</title>
<!--Adobe Edge Runtime-->
    <script type="text/javascript" charset="utf-8"     src="edge_includes/edge.6.0.0.min.js"></script>
    <style>
        .edgeLoad-EDGE-709063 { visibility:hidden; }
    </style>
<script>
   AdobeEdge.loadComposition('teste', 'EDGE-709063', {
    scaleToFit: "none",
    centerStage: "none",
    minW: "0px",
    maxW: "undefined",
    width: "550px",
    height: "400px"
}, {dom: [ ]}, {dom: [ ]});
</script>
<!--Adobe Edge Runtime End-->

</head>
<body style="margin:0;padding:0;">
    <div id="Stage" class="EDGE-709063">
    </div>
</body>
</html>

I put the Javascript files that accompany the animation’s HTML in the folder "Sections" and "root", but nothing is displayed when the site runs, there is only a blank space where it was to run the animation. Running the animation on a separate page works normal.

  • 1

    Are Javascript files being uploaded to the page? If yes, how many times? If you try to upload more than once it may conflict

  • Javascript is only loaded on the same animation page. I tried to leave the import of scripts in the theme header and let only div even stay in sections/animation, but also nothing appears.

  • 1

    Try to remove any other JS file from the page to see if it loads. If you click, go back 1 to 1 to see which of the conflict. It’s not the best solution, but it might work. Once something like this happened to me, I had to hunt 1 to 1 until I found where I was crashing my j

  • Deletes Header (where JS imports happen) and does not work either. I went to the animation JS and thought it was because of the animation images directory, instead of "var im='/images/'", I put the direct link to the folder, but it didn’t help either. I don’t know what else it could be.

  • 1

    No browser inspect shows no script execution error?

  • 1

    I’m a beginner, I forget to look at these JS errors on the console. http://site/maps_edgeActions.js 404 (Not Found). It is a matter of directory same, I put there in the root of www instead of the theme and it worked! Thanks for the light!

  • You’re welcome, but the one to forget to look at the console is normal. Glad I could help. ^^

Show 2 more comments
No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.