Contact Forum Editor

Send an email to our Forum Editor:

PLEASE NOTE: Your name is used only to let the Forum Editor know who sent the message. Both your name and email address will not be used for any other purpose.

Web Design Help

It's free to register, to post a question or to start / join a discussion

View Forum Rules | Contact Forum Editor

 

Multiple Image on mouseover

MarvintheAndroid

Likes # 0

Posted March 28, 2009 at 6:59PM

Hi, I need a bit of help.

I have a table with 6 rows on the left containing a line of text each, and a single cell on the right. I want to mouseover the text lines and change the image in the cell on the right to one of six, depending which line is moused over.

I could use images or invisible elements instead of text lines, but I would prefer text.

So for example user hovers mouse over line 1, image diaplays image 1.
User hovers over line 2, image swaps to image 2.
User hovers over line 3, image swaps to image 3.
User hovers over line 4, image swaps to image 4.
User hovers over line 2, image swaps to image 2.
User moves mouse pointer outside area, image swaps back to image 1 - or remains unchanged.

I an using HTML / DHTML so I need to do this in Javascript.

Any ideas ?

Like this post
MAJ

Likes # 0

Posted March 28, 2009 at 10:21PM

It's pretty easy to do in Dreamweaver, using Behaviours, MarvintheAndroid. The code is a little long to post here, so if you want the code, email me via the yellow envelope and I'll send it to you. You can then modify it for your own needs.

Like this post
MarvintheAndroid

Likes # 0

Posted March 29, 2009 at 8:08PM

Thanks. I have sorted it evetually using Javascript image swaps all poited to the same names target cell. And it works with text links too.

Marv.

Like this post

Reply to this topic

This thread has been locked.



Check out PC Advisor's other tech forums

Send to a friend

Email this article to a friend or colleague:

PLEASE NOTE: Your name is used only to let the recipient know who sent the story. Both your name and the recipient's name and address will not be used for any other purpose.