ansaurus

Question

Can't call animated png script from external js file

Answer 1

A:

I don't know why you use $('#pnganim').html('<script ... />);.

Just place this <script type="text/javascript" src="animatedpng.js"></script> in your <head>.
$('#pnganim').append(myFish); doesn't make any sense. The draw function doesn't return a html element which could be appended to #pnganim

Instead your code probably should look like this

function addFish(){
    $('#pnganim').html('<script type="text/javascript">var fishAnim = new AnimatedPNG("fish", "fish01.png", 3, 100);fishAnim.draw(false);</script>');
}

jitter 2010-03-21 11:15:41

That's what I've tried first, but it's not working neither. Firefox Error Console states issues in animatedpng.js itself, but animation works when write the <script> manually in html.Anyway, I give up on this concept, I'll try using animation with a single png file and sprites. Thank You very much for the answers.

Tomas 2010-03-22 18:22:22

And what issues does it state? (Because I can see none in my console). Are you sure that the files fish01.png fish02.png and fish03.png exist in your directory? You could also try slightly modified source of AnimatedPNG I made (it's safer and shouldn't trigger any errors) http://pastebin.com/iW0tVK2E

jitter 2010-03-22 21:26:05

Answer 2

A:

Your js script propably is not loaded when you do the new ANimatedPNG thing. Try checking the console for error stating that AnimatedNG is not defined. You can fix this by using jQuery's AJAX script loading:

$.getScript('animatedpng.js', function(){
   fishAnim = new AnimatedPNG('fish', 'fish01.png', 3, 100);
   myFish = fishAnim.draw(false);
   $('#pnganim').append(myFish); //this line looks fishy too (chuckle)
});

Pim Jager 2010-03-21 11:15:46

ansaurus

tags:

views:

answers:

Can't call animated png script from external js file

related questions