Can't see animation in wordpress even with height defined

Ok in tests I got it working on my Wordpress site.

There are few issues.

The first one was what I said. Wordpress uses it's own JQuery plugin and apparently has a no clash policy on by default.
This means any jQuery plugin used by Hype will not be allowed to clash but Hype will not see Wordpress's JQuery.

The simple fix for this is anywhere you call JQuery using the dollar sign $ replace the dollar sign with jQuery

So for example $(label).text( $(element).attr("alt") );

becomes

jQuery(label).text( jQuery(element).attr("alt") );

Second problem.

As @jonathan explains here:

When you are embedding as you are. Then you need to wrap the Hype Div in a div with a set size.

    <div style="width:1260;height:768px">

live="polite">
<script type="text/javascript" charset="utf-8" src="http://hobbstowne.com/graph_svg/graph_svg.hyperesources/graphsvg_hype_generated_script.js?50992"></script>
    </div>

    </div>

You need to point to the Hype Javascript file and not leave it as the default path that is exported.
So make sure you use the full path to it

I assume it will be something like

http://hobbstowne.com/graph_svg/graph_svg.hyperesources/graphsvg_hype_generated_script.js?50992

2 Likes