How do they do this?

[Phate]

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

 

[Phate]

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

 

[Guest]

Hi Phate and welcome to the board

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

 

[Phate]

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! ;\

 

[Guest]

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/

 

[Phate]

hey thx,, i found something somewhat like what i need at
http://www.javafile.com/mouseover/dhtml2.php?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

 

[theKeeper]

Here ya go guys... have a read of this: http://webreview.com/1997/09_05/webauthors/09_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]

Gradual Fade Script

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

http://www.dynamicdrive.com/dynamicindex4/highlightgrad2.htm

 

[Joy Foraker]

THANKS FOR THE TIP

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???

 

[Sanby]

O yeah, sure no problem.

Thanks, nice to know someone ent to the site.

I'm not up for adoption right now lol, sry

Sanby

 

[Joy Foraker]

Sanby said:

I'm not up for adoption right now lol, sry

Wait until you find the temperature in in the winter in California is generally in the 80's and evenings drops to 70's. but then again, at your age, sloshing around in the snow is fun

Yea I liked your site.

 

[Geoff]

hey Sanby the site looks great, as Joy said, its really well organized and is very professional. im amazed at the 3D ring you made in your gallery! [stuned]

 

[Sanby]

Thanks Geoff. I kinda stumbled upon that as I was first learning Bryce. I think it's a great program. I was messing with the material editor for a while and I came up with that.

Sanby