Mogwai

hey i know this must be a simple technique but i dont know how to do it.
http://www.cognitivedistortion.com/?cd=top10
when the mouse goes over the picture the picture lights up but when it is not over it it becomes dark..please help! [excited]

Sanby

I don't see the effect you are looking for, could you be a bit more specific?

Is this the effect you want? http://www.pixelforge.web1000.com/artwork.htm mouseover the thumbnails and the top nav buttons. Is this what you want to achieve?

sAnby

Mogwai

Oh **** my bad!
http://www.cognitivedistortion.com/?cd=gl&gl=Space&i=11
i posted the wrong site sorry! [confused]

Hi Phate and welcome to the board [righton]

That's called "swapping". I'm not a HTML expert, but I've used this technique a couple of times in Dreamweaver.

In Dreamweaver it's called a behavior.

Just look in the behaviors windows and you'll find something like Swap Image, that is, if you have Dreamweaver of course

Mogwai

swapping huh, thx i'll try that...but does it fade like that? it goes from bright when mouse is over and fades to black as mouse leaves.
the swap thing is easy its like rollover but how does it fade?
edit: coincidently both ppl who replied to my post are from Canada! i live in the T.O in case anyone was wondering....not that anyone should be wondering....unless of course they are stalking me.....
PS: these 3d smilies are going to take a while to get used to! ;\

Sorry, I was wrong Phate, I didn't look very well [confused]

It seems to me that you'll need a java script of some sort.

You might find what you're looking for on these sites:

http://javascript.internet.com/
http://freewarejava.com/
http://javaboutique.internet.com/
http://www.javafile.com/
http://www.codebrain.com/

Mogwai

hey thx,, i found something somewhat like what i need at
http://www.javafile.com/mouseover/dh...?cat=Mouseover
except i want the images to just stay "lighted up on rollover" and lighted off when mouse leaves! thx I'm on the right track

Blinky2004

Here ya go guys... have a read of this: http://webreview.com/1997/09_05/weba..._05_97_1.shtml

It'll save me the finger-strain.

And you should also know that they're using a Javascript as well to apply the effect to their images. Like Gauss said, checkout some javascript sites too. Look for "Image Fading Effects" or the like.

Firebrand_NI

Thats the Gradual Fade script, its very cool,
try here bud:

http://www.dynamicdrive.com/dynamici...lightgrad2.htm

Joy Foraker

Hey Firebrand -- I read this thread with great interest, I went to dynamicdrive, need I say more: roll mouse over bottom photo. http://www.deliversuccess.com/logo.htm

It was fun to do and will come in handy in the future I think.

Sanby I like your site. The designs are extremely professional...proud of you kid, are you available for adoption??? he he he i downloaded the pic of you, can I use it for "fodder" please???