Multiple Image on mouseover

  MarvintheAndroid 18:59 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 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 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.

The Legend of Zelda Breath of the Wild review: Five hours with Zelda on the Nintendo Switch

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

How the painting-like animated sequences in A Monster Calls were created by Glassworks Barcelona

The 22 best Safari extensions | Best Safari plugins: Improve Apple's Safari web browser with these…