What happened to the Messenger Plus! forums on msghelp.net?
Shoutbox » MsgHelp Archive » Skype & Technology » Tech Talk » mouse over to change image - link

Pages: (2): « First « 1 [ 2 ] Last »
mouse over to change image - link
Author: Message:
L. Coyote
Senior Member
****

Avatar
Captain Obvious

Posts: 981
Reputation: 49
39 / Male / Flag
Joined: Aug 2004
Status: Away
RE: mouse over to change image - link
Why not simply make the second image an animated GIF with the fading cycle? :-/

Hack, hack, hack!
Finally became a Systems Analyst! :spam:

05-15-2006 07:04 PM
Profile PM Find Quote Report
Matti
Elite Member
*****

Avatar
Script Developer and Helper

Posts: 1646
Reputation: 39
32 / Male / Flag
Joined: Apr 2004
RE: RE: mouse over to change image - link
quote:
Originally posted by booneht
Why not simply make the second image an animated GIF with the fading cycle? :-/

Because if you would do so, it will continue fading in and out even when the user doesn't move his mouse on it. And we don't want that, do we? :)
Plus! Script Developer | Plus! Beta Tester | Creator of Countdown Live | Co-developer of Screenshot Sender 5

Found my post useful? Rate me!
05-16-2006 05:22 PM
Profile E-Mail PM Web Find Quote Report
DJKAL
Senior Member
****

Avatar

Posts: 800
Reputation: 14
34 / Male / –
Joined: Oct 2005
O.P. RE: mouse over to change image - link
quote:
Originally posted by Mattike
do we?

nope -  must be moused over
"You don't sleep, you defragment!"
05-16-2006 07:08 PM
Profile E-Mail PM Web Find Quote Report
Plik
Veteran Member
*****

Avatar

Posts: 1489
Reputation: 46
35 / Male / –
Joined: Jun 2004
RE: mouse over to change image - link
quote:
Originally posted by Mattike
Because if you would do so, it will continue fading in and out even when the user doesn't move his mouse on it. And we don't want that, do we? :)
No it wouldn't.
If you make the gif so it only plays through once, then change from the first image to the animated gif when someone mouses over using simple js.
And once they mouse out again use simple js to change it back again
IMO this is the easyest and best solution so far
05-16-2006 07:36 PM
Profile PM Find Quote Report
DJKAL
Senior Member
****

Avatar

Posts: 800
Reputation: 14
34 / Male / –
Joined: Oct 2005
O.P. RE: mouse over to change image - link
i dont want that though. for the best effect i want the black silhoueete version then fade slowly into colour upon mouse over and at no other point
"You don't sleep, you defragment!"
05-16-2006 07:55 PM
Profile E-Mail PM Web Find Quote Report
Plik
Veteran Member
*****

Avatar

Posts: 1489
Reputation: 46
35 / Male / –
Joined: Jun 2004
RE: mouse over to change image - link
quote:
Originally posted by DJKAL
i dont want that though. for the best effect i want the black silhoueete version then fade slowly into colour upon mouse over and at no other point

Thats exactly what what i said can do :S perhaps i didn't explain it well.
The image starts beeing the black silhouette version and stays like that until some one hovers over the image. Then, using js, you change the image to your gif.
This gif is an animation of the black silhouette fading to colour, and the last frame is how you want it to be once its fully faded. When you save this gif, choose to only have it play through once, so it plays from the silhouette to colour then stops on the last frame.
And then you can either use the same method to fade back too the silhouette or just switch back to the origional image.

Hope that makes more sense, i would make an example but i really have no time at all :(

This post was edited on 05-16-2006 at 08:16 PM by Plik.
05-16-2006 08:15 PM
Profile PM Find Quote Report
DJKAL
Senior Member
****

Avatar

Posts: 800
Reputation: 14
34 / Male / –
Joined: Oct 2005
O.P. RE: mouse over to change image - link
thanks Plik. that does make more sense. i have exams starting tomorrow and cant revise atall. but at my next chance i'll sort it and let you know if it does/n't work
thanks :)
"You don't sleep, you defragment!"
05-16-2006 08:18 PM
Profile E-Mail PM Web Find Quote Report
Pages: (2): « First « 1 [ 2 ] Last »
« Next Oldest Return to Top Next Newest »


Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites
Rate This Thread:

Forum Jump:

Forum Rules:
You cannot post new threads
You cannot post replies
You cannot post attachments
You can edit your posts
HTML is Off
myCode is On
Smilies are On
[img] Code is On