Image Rollover HTML

[arkitek]

Hey,

What i need to do looks something like this:

-------- _______________
| | ----------- | |
-------- \ | |
-------- \ | |
| |------------------- | |
-------- / | |
-------- / | |
| | ----------- | _____________ |
--------

what i want to happen is when the mouse rolls over each of the 3 images to the left, an different image appears in the big box on the right for each one.

I've seen it done before, but im not too advanced with html to figure it out for myself and i cant remember where i saw it to rip the coding lol

if anyone can provide the html or other coding for this, it will be greatly appreciated thanks!

A'tek :shaun:

 

[arkitek]

my bad... that didnt work... try this:

 

[bigguy]

that deosn`t work iether ...are you trying to create a mouse roll over code ? I think thats what its called

 

[arkitek]

thats just a screenshot to show what i mean sort of... yeah mouse image rollover code... but like i said... so that when you roll the mouse over one of those three images to the left, an image appears where the big box on the right is... its pretty simple... im just crap in coding

 

[bigguy]

Have you tried to google it ? ...do you know a site that uses this code??

 

[arkitek]

i cant remember where i saw it to rip the coding lol

lol lol

 

[n4tec]

try googling about Image Rollovers (Mouse-Overs) ..... I am not really sure if that is what you are looking for....

have a great weekend...

*4*

 

[arkitek]

i was hoping there would be some great saviour on here for me... ahh well... googling it is


thanks guys

 

[greattastic]

The great savior has arrived! haha, jk


But, I did do something like this for a photography site I'm working on for a friend riginal:

Maybe looking at the code will help you figure out how it works to write some, CSS is an important part of it. If not, just borrow the code, it doesn't bother me any. :grin:

Oh! if you click on the images you get a the full size version of the image in a javascript popup window, if you want to get rid of that for your site just change the href of the links from the javascript to #none

Crazycrazyme.Greattastic.info


-Ryan
http://Greattastic.info

 

[Xempttt]

heres something i found. i think u mean the html code for a rollover. heres the link. if i had dreamweaver i would make a rollover and show u the code but i dont.


http://www.htmlcodetutorial.com/images/images_famsupp_59.html