Javascript Mouse-Over Event w/ Animated GIF

koko · 15 Nov 2003

wondering if anyone can point me in the right direction...

i've made an animated GIF in photoshop imageready for use as a sig pic on another forum. it's about 90 frames.

what i'd like to do is this: anytime someone mouses over the image, the animation should start and play once, then return to a static image.

is there a really easy way to do what i want, or am i in for some serious coding?

X-Istence · 15 Nov 2003

You can set the GIF to loop only once upon loading, but you can not look for someone to "mouse over" the image, and then get it to play.

And you can not do it with any serious coding either.

koko · 15 Nov 2003

but i've seen another sig pic that does exactly this.

i've seen some simple "mouse-over" javascripts, so i'm pretty sure it can be done with either javascript or photoshop rollovers.

anyone?

SPeedY_B · 15 Nov 2003

If you're allowed HTML in your sig on the forum then it's very possible. You need to take the first frame and export it as a static image. Then on the mouse over actually change the image to the gif, which will then play.
But not many forums allow HTML in signatures, because to be honest, it's stupid.

koko · 16 Nov 2003

yep, this other forum allows html. thanks for the ideas about how to proceed speedy!

/runs off to try and make it work

Geffy · 16 Nov 2003

you can also do it with flash as well if they allow that

koko · 16 Nov 2003

yes, flash is allowed on that site, but sadly, i know absolutely nothing about it. i've heard the learning curve for it is steep and right now, i just don't have the time.

SPeedY_B · 16 Nov 2003

Flash = Pain in the arse

As for the javascript, It's basically gonna be some huge nasty un-compliant code

. Take a look here for an example : http://www.jsfx.com/scriptclips/mmrollovers/demo.html

Or there are plenty more on http://hotscripts.com or just google for "Javascript Image Rollover"

koko · 18 Nov 2003

found a simple solution using javascript. here it is in case anyone is interested...

stick this between the <head> tags:

*************************************************

<script language = JAVASCRIPT>

</SCRIPT>

*************************************************

stick this between the <body> tags:

*************************************************
<A HREF="/news/vol3/design_no10.htm" onMouseover = "document.Chile.src=danceChile.src" onMouseout = "document.Chile.src=redChile.src">
<IMG BORDER="0" SRC="name of static image goes here" ALT="hold mouse on pic for animation" NAME="Chile" WIDTH="380" HEIGHT="154"></A>

*************************************************

enjoy!

X-Istence · 18 Nov 2003

How are you going to put a script between the <head> tags of a forum?

koko · 18 Nov 2003

i'm working on that.

j79zlr · 19 Nov 2003

you dont need the script in the head section, it can be placed anywhere.

koko · 22 Nov 2003

it didn't function at all when i inserted it into the signature field in my profile on the other bbs.

i guess it wigged out when it saw the javascript.

back to the drawing board...

j79zlr · 22 Nov 2003

well the board might have script tags disabled for the signature. I still dont see the need

koko · 23 Nov 2003

you're probably right. maybe i should start learning flash.

chaos945 · 23 Nov 2003

Originally posted by koko
maybe i should start learning flash.

**Shivers**

koko · 23 Nov 2003

yep, that bbs doesn't allow javascript in messages or in the signature field.

BUT! someone suggested i try out swish. apparently, it's an app that can make little movies like i want fairly easily and it's not as hard to learn as flash!

so, phooey on flash.....i'm gonna d/l the swish demo.

get it here

also, i found tons of swish tutorials via google, so i may start soon.

SPeedY_B · 23 Nov 2003

Yup, swish is stupidly easy to use. Point'n'Click flash

koko · 23 Nov 2003

cool!

Javascript Mouse-Over Event w/ Animated GIF

Got Root?

*

Got Root?

I may actually be insane.

Got Root?

OSNN Veteran Addict

Got Root?

I may actually be insane.

Got Root?

*

Got Root?

Glaanies script monkey

Got Root?

Glaanies script monkey

Got Root?

OSNN Senior Addict

Got Root?

I may actually be insane.

Got Root?

Affiliates

Forum statistics