Greeting. I am currently working on a project which I need to make a PNG animation. I don't want to use GIF as it doesn't support semi transpirant background. I have tried APNG, which is animated PNGs, but I could not get that to work for some reason? Are APNG supported for browsers? I have also tried using this jAni, which is a jQuery plugin to make animations from sprites, but I can only get it to work in Google Chrome, and still there is a problem, cause when I zoom in or out in Chrome the animation gonna be wierd. The source of jAni can be found here: http://www.ajaxblender.com/jani.html And you can see my current project, where I am running jAni: http://www.marktopper.dk/goo Note: I am running jAni on the fly machine a little down at the page. Hope that someone could help me with my PNG Animation Problem.
Well, its not yet fully supported because its new, I think. as wikipedia states: "The Animated Portable Network Graphics (APNG) file format is an unofficial extension to the Portable Network Graphics (PNG) specification." but just continue, of course it could only become standardized if many people uses it.
I will keep using it, but will also use a PHP if statement to check if it works for the browser which the user is using to view the site. And then if it is not supported I would use something else. Does anyone have any ideas for alternatives?
A word of warning, animated PNG files have very little support. I believe it was supported by Firefox in the past for example but they dropped support for it when they noticed that noone was interested in the format. At least that's what I remember, not sure if Animated PNG files do animated in Firefox these days. What you COULD do (if Flash is not an option) is to use normal PNG files layered on top of each other using CSS, and then you toggle visibility between each of them using JavaScript at a desired frame rate. Works very badly in poor performing computers but its a little fun to do (at least as an experiment). Not too useful in the real world though.
.PNG files always getting a Same problem a load time is very slow, that's why i switch to j Query that is great.. Magento Themes | Magento Modules
What you COULD do (if Flash is not an option) is to use normal PNG files layered on top of each other using CSS, and then you toggle visibility between each of them using JavaScript at a desired frame rate. Works very badly in poor performing computers but its a little fun to do (at least as an experiment). Not too useful in the real world though.