Support » Fixing WordPress » How to insert HTML5 animation into page

  • Resolved frogseatflies


    Go to this webpage showing a once-Flash-now-HTML5 animation. View the source code of the page. I’m trying to get that code into a page on a wordpress site (with the Twenty 11 theme or any theme really).

    I can’t seem to get the code to show anything. How should I put the code on a wordpress page?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Looks like it requires to load

    to run the sample. You can click on this URL, right click, then download it to your PC, then upload to your site somewhere, where WordPress can see. You need to edit functions.php file to add javascript files, but if you are not a coder, then this plugin can help you easily

    Thank you. I really dig the idea of the Specifc CSSJS plugin. I installed and here’s what I’ve done. I need a little more help.

    Here’s what I put in the page:

    var stage = new swiffy.Stage(document.getElementById(‘swiffycontainer’), swiffyobject);

    Here’s what I put in the “Write here custom CSS or Javascript…” text field:
    All the code that was between the “head” tag. I excluded the html and body tags, etc.

    In the “URL of the custom Javascript file”, I put the new url for the javascript file.

    I also updated the path of the javacsript file to be where I put it on my site.

    Still no show. What do you think?

    Actually… I just solved it!

    I checked out the published WordPress page’s code to see how all that code was inserted in there. Cool.

    I noticed that it had this <script src=”…. ></script> in there twice. So I just deleted the path out of the Specific CSSJS’s “URL of the custom Javascript file” text field. I’m good now.

    Thanks a lot for the instruction.

    Wow, glad you’ve solved the issue. Usually this kind of problem is kinda hard to fix, I see you have potential to be a WP master 🙂

    Have a nice day!

    Hi, I’m looking to do exactly the same thing here. I have an animation I created in Flash, converted it to HTML5 though Google Swiffy… The only thing is I’m completely lost when I read your discussion as I’m a newbie at WP. Is there anyone that would be willing to help me out?

    Much appreciated



    Forum Moderator

    Oh sorry, I’m new here and been searching the web for days looking for this solution. I just thought as someone else has cracked it, it would be a good place for me to start rather than from the very beginning.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to insert HTML5 animation into page’ is closed to new replies.