Multiple Image on mouseover

  MarvintheAndroid 18:59 PM 28 Mar 09

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 ?

  MAJ 22:21 PM 28 Mar 09

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.

  MarvintheAndroid 20:08 PM 29 Mar 09

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.



This thread is now locked and can not be replied to.

Sony Vaio Z Canvas release date, price and specs: Another Surface Pro rival but for the US

1995-2015: How technology has changed the world in 20 years

Adobe unveils Sketch-rival Project Comet for UX design

How to fix iOS 9 problem iPhone stuck screen, unresponsive, no swipe, frozen, can't turn off