Displaying animation in Wordpress

[Revant Chopra]

Hi,

I wanted my animation to show up in a Wordpress post. So I published the animation and uploaded all the files onto my Wordpress.

I used HTML embed code to view the animation within the post. Now, the preview works perfectly, but when I publish the post, I see an empty white space instead of the animation. Can you please tell me what it is that I am doing wrong? Or if not then, what I need to do to make it work?

Thanks,

RC

[Naresh Rajkumar]

Can you send a link to the post with your embedded animation?
Also, can you send us your orginial GWD file which had the animation too.
thanks
-naresh (GWD Team)

[Revant Chopra]

Hi Naresh,

I can't publish the file as yet as it is a part of a company project. I am sending you the published folder along with the HTML project file in this zipped archive.

The project file is titled Dussehra Finale.html

Also, I found that I can't use HTML embed code (flash) to display the animation because then it won't dynamically resize itself.

So finally, here's what I want to do: I want to display this animation in a blog post. The canvas size is 590x594px. And I don't want to use flash or any such related plugin or embed code for it.

Thanks!

RC

[Naresh Rajkumar]

Revant,

First off, that is One.Cool.Animation!
The GWD team likes it.

Second, we are not sure about why this content is not working within Wordpress.

A sample Googling tells us that there are techniques to get custom HTML into wordpress.
It does seem that embedding custom JS into wordpress requires a plugin.

Do any of these techniques mentioned in the links help?
http://www.youtube.com/watch?v=5RYdzjBSRlY

http://superthemes.org/blog/embedit-pro/
http://www.wpbeginner.com/wp-themes/how-to-create-a-custom-page-in-wordpress/


http://codex.wordpress.org/Using_Javascript


-Naresh (GWD Team)

[Jonnie Grieve]

Seconded, I like this animation very much. Shows what can be done!

[Revant Chopra]

Hi,

Thanks! Glad you guys liked it! :)

I used <iframe></iframe> to publish the animation on the site. It will be up tomorrow. However, when I tested it out today, I found that while the animation ran perfectly on a computer, it did not dynamically resize itself on an iPhone.

Any leads?

Best,

RC

[Revant Chopra]

Hey guys,

Just published the animation at http://blueant.in/2013/10/28/dussehra-google-web-designer/

Check it out.

Also, a big thanks for all the support! :)

RC

[Kevin]

Is it possible to track metrics from the iFrame (ie Click Throughs, Exits etc)?

[enmanu...@gmail.com]

wordpress.org/plugins/wp-visual-slidebox-builder

[Madina]

Hi Revant, Ive added your animation to this Facebook page https://www.facebook.com/Google.Web.Designer.for.Animators

[Revant Chopra]

Hi Mark,

Big thanks for the add! Looks great!

Just one favour though. Could you edit the post to say 'Blueant Digital Intelligence' instead of 'Revant Chopra' and tag them (url: https://www.facebook.com/BlueAntDigital)?

Thanks,

Revant