how to get animations to repeat themselves endlessly

K

kvnsmnsn

I've got two GIF files named "Tigger.gif" and "Angry_barbarian.gif"
that contain animations that I want to display on a web page. I've
written the following XHTML code which works for a fraction of a sec-
ond but no more. That is, the animations run for a very short period
of time and then stop. My guess is that they're running through their
short animated period and then stopping. How can I display animations
like this that keep moving, that start over from the beginning as soon
as they reach the end of their animation? Any input on this would be
greatly appreciated.

---Kevin Simonson

"You'll never get to heaven, or even to LA,
if you don't believe there's a way."
from _Why Not_

----------------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Animations Test</title>
</head>
<body>
<img src="Tigger.gif" id="tigger"
style="position: absolute; top: 100px; left: 300px
; visibility: visible" />
<img src="Angry_barbarian.gif" id="barbarian"
style="position: absolute; top: 100px; left: 500px
; visibility: visible" />
</body>
</html>
 
B

Benjamin Niemann

Hello,

I've got two GIF files named "Tigger.gif" and "Angry_barbarian.gif"
that contain animations that I want to display on a web page. I've
written the following XHTML code which works for a fraction of a sec-
ond but no more. That is, the animations run for a very short period
of time and then stop. My guess is that they're running through their
short animated period and then stopping. How can I display animations
like this that keep moving, that start over from the beginning as soon
as they reach the end of their animation? Any input on this would be
greatly appreciated.
Click to expand...

This problem is not related to the way how the images are embedded in the
HTML document.
The speed of the animation and whether it is looping or not can be adjusted
with the image editor you are using to create the GIFs.

HTH
 
E

Ed Mullen

Benjamin said:
Hello,



This problem is not related to the way how the images are embedded in the
HTML document.
The speed of the animation and whether it is looping or not can be adjusted
with the image editor you are using to create the GIFs.

HTH
Click to expand...

Additionally, some browsers provide the user with a setting to control
images including how many times an animation cycles. In other words,
the user can over-ride whatever you set in the .gif file.
 
?

=?ISO-8859-1?Q?G=E9rard_Talbot?=

[Followup-to set to: alt.html]

I've got two GIF files named "Tigger.gif" and "Angry_barbarian.gif"
that contain animations that I want to display on a web page.
Click to expand...

You cross-posted your message to 2 newsgroups but you did not indicate
to which group you want to get an answer. So, I set a followup-to to
alt.html. Please next time, set the followup-to.

It would have been useful here to post an url where we could have
examined your webpage and those GIF files.

I've
written the following XHTML code which works for a fraction of a sec-
ond but no more.
Click to expand...

I'm not sure I understand what you mean. Your XHTML code just position 2
That is, the animations run for a very short period
of time and then stop.
Click to expand...

What exactly "run" in your webpage? The position of images or GIF files
which are animated? It's not clear.
My guess is that they're running through their
short animated period and then stopping.
Click to expand...

No url. No image files available.
How can I display animations
like this that keep moving, that start over from the beginning as soon
as they reach the end of their animation?
Click to expand...

"like this"? Like what? No url. No image files available.
> Any input on this would be
greatly appreciated.
Click to expand...

Mozilla-based browsers (Seamonkey 1.x, Firefox 1+, Camino 1.x, Galeon,
K-meleon 1.x, Epiphany, Mozilla Suite 1.x) can prevent images from being
animated endlessly.

In about:config,
image.animation_mode
can be set to once.

Opera 9 can prevent animated gifs from being animated endlessly.

Animated gifs are annoying as they disturb peripherical vision and
actual reading. Before loading animated gifs, a web author has to ask
himself if those animated gifs are actually true content or decorative
stuff and if the frequency of animation is going to annoy rather than
help the user.

Animated gifs can be as annoying, disturbing the viewing/reading of a
webpage as much as an agressive advertisement in Flash.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-
transitional.dtd">
Click to expand...

Why XHTML? And, more importantly, why transitional?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Animations Test</title>
</head>
<body>
<img src="Tigger.gif" id="tigger"
style="position: absolute; top: 100px; left: 300px
; visibility: visible" />
<img src="Angry_barbarian.gif" id="barbarian"
style="position: absolute; top: 100px; left: 500px
; visibility: visible" />
</body>
</html>
Click to expand...

[Followup-to set to: alt.html]

Gérard
 
?

=?ISO-8859-1?Q?G=E9rard_Talbot?=

Ed said:
Additionally, some browsers provide the user with a setting to control
images including how many times an animation cycles. In other words,
the user can over-ride whatever you set in the .gif file.
Click to expand...

Correct.

Go to
http://kb.mozillazine.org/About:config_entries#Miscellaneous
and look for
image.animation_mode
which can be set in about:config in Mozilla-based browsers. Also Opera
8+ can turn off animated gif via
Tools/Preferences.../Advanced tab/Content/Activate animated gif/svg

Gérard
 
K

kvnsmnsn

=This problem is not related to the way how the images are embedded in
the
=HTML document.
=The speed of the animation and whether it is looping or not can be
adjusted
=with the image editor you are using to create the GIFs.

I had just copied some already existing GIF animations. Does
anyone know where I could get access to a bunch of cartoon animations
that repeat endlessly, instead of looping for just a short period of
time?

I'm doing this for a class assignment; I need one animation for
when a user guesses a math problem correctly and another for when the
user guesses a problem incorrectly. If the animation only runs a fi-
nite amount of time and then stops then that looks funny, because the
user gets the problem right and instead of an animated Tigger the user
gets a frozen Tigger.

Do forever-looping GIF files that might serve this purpose exist,
or do I have to construct them in an image editor? Is there a way to
take the mentioned Tigger GIF and Angry Barbarian GIF and modify them
in an image editor so that they run forever instead of eventually
stopping?

By the way, the URLs for the two GIF files are: "http://
www.gifani
mations.com/action/ImageDisplay?group=1&category=10&index=20&dir=stay"
and "http://www.gifanimations.com/action/MenuSelection/1/10".

---Kevin Simonson

"You'll never get to heaven, or even to LA,
if you don't believe there's a way."
from _Why Not_
 
E

Ed Mullen

Do forever-looping GIF files that might serve this purpose exist,
or do I have to construct them in an image editor? Is there a way to
take the mentioned Tigger GIF and Angry Barbarian GIF and modify them
in an image editor so that they run forever instead of eventually
stopping?
Click to expand...

To create and edit animated .gif files you need animation software.

Take a look at:
http://www.google.com/search?hl=en&q=gif+animation&btnG=Google+Search

There are links to existing gifs as well as info on the format and
creation/editing software.
 
D

dorayme

Neredbojias said:
The Angry Barbarian gif animates for me endlessly both in IE 6 and Firefox.
Must be your browser(s).
Click to expand...

Yes, OP should check browser and turn off any preference that
instructs it to loop gifs none or very limited number of times. I
have, eg. my Safari set to loop twice, after changing it, the
gifs concerned loop on and on. The looping is built into the gif
at creation (you can change this by saving it and opening it in
an animation capable image editor) but can be blocked from
exhibiting its groundhog ways. In case of OP, it is almost
certainly a browser preference in this case.
 
B

BootNic

dorayme said:
news: (e-mail address removed)


Yes, OP should check browser and turn off any preference that
instructs it to loop gifs none or very limited number of times. I
have, eg. my Safari set to loop twice, after changing it, the
gifs concerned loop on and on. The looping is built into the gif
at creation (you can change this by saving it and opening it in
an animation capable image editor) but can be blocked from
exhibiting its groundhog ways. In case of OP, it is almost
certainly a browser preference in this case.
Click to expand...

Both gif's are set to loop 233 times, tigger has 4 frames, and
barbarian has 9. Given enough time they both stop at some point.

--
BootNic Friday, March 09, 2007 6:41 PM

Don't worry about people stealing an idea. If it's original, you will
have to ram it down their throats.
*Howard Aiken*
 
D

dorayme

"BootNic said:
Both gif's are set to loop 233 times, tigger has 4 frames, and
barbarian has 9. Given enough time they both stop at some point.
Click to expand...

Yes, I noticed this when I opened them in Fireworks and wondered
why the creator bothered. I won't bore you with what I imagined
the motives could have been. But they were pretty wild thoughts
and I know they would not be appreciated by the stricter and
sterner members of this little church here.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

How can I get my menu inside of a menu to function properly? 1
How to position the *tooltip* comment on these buttons? 9
How to keep an a:hover effect with css like "onMouseOut()"? 2
Help with code 0
I am trying to detect Which image id="" was clicked ? 22
How do I hide the modal after 5 seconds? 4
Help to REPEAT (not stretch!) AN IMAGE <--HORIZONTALLY--> WITHIN ACELL w/EXAMPLE 50
JQuery add shadow error 4

Members online

No members online now.
Total: 60 (members: 1, guests: 59)
Robots: 442

Forum statistics

Threads
473,997
Messages
2,570,239
Members
46,827
Latest member
DMUK_Beginner

Latest Threads

Top