Once you’ve created your masterpiece in Adobe Edge Animate, you might want to use it with your Joomla site. The problem is that Joomla uses Mootools and it uses $ as a shortcut which jQuery (the JavaScript framework in Edge) uses as well.
The first option is modify all the shortcuts in the Edge animation and fix the links so that it will work. If you need to modify the animation at a later date in Edge, you will have to repeat this process again which is not a good use of your time.
An easier solution is to copy the Edge animation to your Joomla site (such as in the images folder) and use Joomla’s Wrapper module to display it. If you need to incorporate the animation in a module, embed it with an iframe:
<iframe width=â€550†height=â€400†frameborder=â€0†src=â€http://www.domain.com/images/animation/â€>
</frame>
where animation is the folder containing your Edge Animation files.
bad ideas work with iframe
That was just what I needed to know, thank you!!
You can disable mootools with easy jquery which is a joomla plugin dedicated to solve JQuery conflicts…
And 2 years ago i successfully inserted edge animation with iframes without any mootools conflict
see : http://www.freeport.fr/tutoriels/tutos-web/275-banniere-interactive-en-html5-css-et-javascript-avec-adobe-edge
and
http://www.freeport.fr/tutoriels/tutos-web/271-testiframe
Cheers!
Thank you,
This works fine. But you can also put this with a responsive % in the iframe, just like this:
http://diego.com.ec/www/ecuadornow/stats/30-energ%C3%ADa
The code are:
Thanks,
Diego Alvarez B.
Diego WebStudio
http://www.diego.com.ec