View Full Version : How do I animated an image so that it ......

03-20-2008, 03:29 PM
How do I animated an image so that is, at present, a .png file. I want to animated it so that it rotates in a circle so as to emulated a real black hole. Then I want to utilize it as my background in MySpace and at http://social.infowars.com/user_home.php

The .png file can be viewed here:


03-21-2008, 02:45 AM
Theres no such thing as a png animated file, it must be gif.

03-21-2008, 03:10 AM
Well, there are animated PNGs being developed, but they a while off for any practical use.

Flash or some complex Javascript might work too.

The whole spinning vortex thing is a bit vague.

03-21-2008, 10:44 AM
Theres no such thing as a png animated file, it must be gif.

Portable Network Graphics (PNG) is a bitmapped image format that employs lossless data compression. PNG was created to improve upon and replace the GIF format, as an image-file format not requiring a patent license. PNG is pronounced /ˈpɪŋ/ both P-N-G and ping.[1] The PNG initialism is optionally recursive, unofficially standing for “PNG's Not GIF”.[2]

PNG supports palette-based (palettes of 24-bit RGB colors), greyscale or RGB images. PNG was designed for transferring images on the Internet, not professional graphics, and so does not support other color spaces (such as CMYK).

PNG files nearly always use file-extension "PNG" or "png" and are assigned MIME media type "image/png" (approved October 14, 1996).

More about PNG format:

03-21-2008, 10:56 AM
The whole spinning vortex thing is a bit vague.

While scientists are nearly certain that matter spins violently into the vortex of a black hole, new research shows that a black hole itself can rotate, just like a star.


As matter swirls into a black hole, it moves faster and faster as it approaches a sphere of influence known as the event horizon, beyond which nothing, not even light, can escape. This event horizon represents what researchers call an innermost stable orbit.

Inside this sphere, things get weird. The normal laws of physics no longer apply, and the very workings of space and time are warped.

When gas, dust or other matter nears the event horizon, it unleashes incredible energy, which researchers had previously spotted as flashes of X-ray energy -- pulses created as a blob of matter rotates around the black hole. Other calculations show that the matter disappears beyond the event horizon at a distance from the center that would be expected based on the objects' estimated mass.

But the new study, led by Tod Strohmayer of NASA's Goddard Space Flight Center in Maryland, found these flashes occurring at a more rapid pace. This means the blob is even closer to the black hole, a situation that Strohmayer said could only occur if the black hole itself were spinning, toying further with space-time.

He presented the findings April 30 at the meeting of the American Physical Society in Washington, D.C.

If proved true, black holes would join a long list of stellar objects that rotate, from asteroids to planets to stars and even galaxies. But because black holes have no solid surface to observe, researchers have not until now had any concrete evidence that some of them might rotate.

"We can, however, see the [X-ray] light emitted from matter plunging into the black hole," Strohmayer said. "The matter, cannibalized from the black hole's nearby binary companion star, whips frantically around the black hole before it is lost forever."

If you find the idea of a rotating black hole a little difficult to imagine, you're not alone.

"I struggle with that also," Strohmayer said in an interview. "You have to rely on the mathematics, because you don't have the same type of intuition [as with a planet or star]."

03-21-2008, 11:42 AM

Mike wrote

Why not make the "spinning" image into an object. That way you can have more control over its actions.
How do I make an object out of an image?


Steven Denys wrote:

I have a script that makes the image looks like it's rotating. I let the image width go from max to zero and back. It still has a bug in it, so if you solve it. please mail meback.

The bug: when you leave the image and go to another one. The previous image stay's at it's current size.

<title>Chiro Staden</title>
<style type="text/css" media="screen, print">
@import url("../../stylesheets/rondom.css");
<script language="JavaScript">
<!-- Verbergen voor niet-Java-browsers
var x=139;

function shake(image)
if (x>0)image.width=x
else image.width=-x;
if (x>-138) setTimeout("shake(figuur);", 1)
else x=139;

function add(naam)
document.write('<tr><td align="center">');
document.write(' <a href="../inhoud/'+naam+'jongens.html" target="main">');
document.write(' <img src="../../images/navigatie/img-onderdelen/'+naam+'.jpg"
border="0" width="139" height="33" alt="'+naam+'" onmouseover="shake(this);"
document.write(' </a>');
// Stop verbergen -->
<base target="main">
<body >
<table height="100%" width="100%">
<tr valign=top height="10%"><td align="center">
<font color=red>Jongens:</font>


Chris wrote
I'm sure there is probably some way to make an image spin... I haven't been able to find out the code for it... I know how to get it to move in a line and such, but I don't know how to make an image spin/rotate! Can someone please help me?

03-21-2008, 12:07 PM
Here is a example of spin, but I want it to be the same image, rotating slowly and continuously


03-21-2008, 03:53 PM
Are you slightly insane?
Sorry, but I'm very confused about your last several posts. Just copying and pasting random definitions then forum posts isn't really doing much.

Aaaaanyway, um, find an animation program, rotate the image 360 degrees and add a blur (rotational or radial blur recommended).

03-21-2008, 04:17 PM
Are you slightly insane?
Sorry, but I'm very confused about your last several posts. Just copying and pasting random definitions then forum posts isn't really doing much.

Aaaaanyway, um, find an animation program, rotate the image 360 degrees and add a blur (rotational or radial blur recommended).


I Didn't mean to offend you.:confused:

Nile stated, "There’s no such thing as a png animated file, it must be gif.", thus I pasted the partial definition of a .png

You then stated, "The whole spinning vortex thing is a bit vague.", thus I provided a few example of what I was looking for to better describe.

I post code that came off another forum, but I have no idea if it even works or if it is valid code. I pasted the code into Rapid CSS and saved as HTM and all it said was "Jongens" and it was not animated so the assumption is that the code is bogus. I am obviously a newbie and very green at this.

Can you recommend an animation program.

Once again I apologize if I offended you.:rolleyes:

03-21-2008, 04:42 PM
You didn't offend me. Your posts were just sorta random. I know what a PNG is (plus it doesn't matter about the technical definition, if it isn't implemented as such in the majority of browsers), and Nile was right in a practical sense (though the technology is being developed and I believe supported in Firefox 3 beta). As for the vortex, you explained the definition of a vortex. In another context, I might find that interesting, but I was more interested in what you wanted in a graphical sense.

I haven't tested out that code, but I do know that you'd need to replace all file references with your own, so I'd suggest checking that again. I'm also not sure if that depends on any of the other referenced files (like the CSS).

For a rotating image, javascript is likely not the best method-- any implementation of such an effect would be awkward, probably.

04-12-2008, 07:09 AM
For an animation program . . .
Try Jasc's Animation Shop: cheap and adequate.
The transistion applications are very straight-forward.
You can order it on Jasc's website and download it immediately. At least, you used to be able to do so.

If you can't do it there, try Amazon.com for the disc.

May be some freeware/shareware on www.tucows.com that will do the trick. . . . don't know.

But, you will need to - as stated earlier - convert the graphic from the .png format to the .gif format. ( I believe you can do this inside Animation Shop, as well. ) 'Cause today...in the here and now... .pngs can't be animated.

As for what happens in black holes...
...well...no one has ever been through one...so, no one can say for sure.
It's all speculation...like so many other things apart from Animation Shop.

04-30-2008, 07:09 PM
maybe as a .gif file? I know that fireworks creates animated .gif. If its for a preloader have you tried http://www.ajaxload.info? I know that its create preloaders in png, but just a suggestion.

Also, Adobe Imageready could probably output it as a .gif But I think you would have to recreate it for either alternative to get it as a .gif

hope that helped