Mouseover image change

**ThuleAB** · 10-30-2019, 08:40 AM

Dear friends
I need a little help to my project.
I have a list with 100+ car wheels with pictures
I would like to have a line on top with 4 pictures and then when you are mouse over on one
of the wheels the pictures will change to that, mouseoff the pictures are white.
I know it is possible. I had it on a imagemap several years ago, but I can not remember how
I did it.

Image 1, Image 2, Image 3, Image 4

MERCEDES 6,5x15 ET45 2008 E68000
Audi 7,5x17 ET45 2010 F29005
Citroen 7x16 ET 25 2011 F25448

**coothead** · 10-30-2019, 10:09 AM

Hi there ThuleAB,

and a warm welcome to these forums.

I am not quite sure about your requirements.

It sounds to me that you want to mouseover a
thumbnail image to display a larger image below.

Is that correct?

coothead

**ThuleAB** · 10-30-2019, 12:25 PM

Hi Coothead
Thanks :-)

I would like to have 4-5 pictures on line on top (default (mouseout) white)

Under that the list with info of 100+ wheels will come. Each line with a icon to the left.
The meaning is that when you have mouseover a icon the 4 pictures on top will change to pictures of that wheel.

Does that make sense

**coothead** · 10-30-2019, 07:55 PM

Hi here ThuleAB,

If you give me the first four images, the icon
and the text for the first line of your list, I
will probably be able to write the code that
will work for the 100+.

Also let me know the dimensions that you
envisaged for the displayed images.

coothead

**ThuleAB** · 10-31-2019, 07:42 AM

Dear coothead
Thank you so much for trying to help me :-)

The first line will be:

Citroen C4 Grand Picasso, 1,6HDI, 7x16” ET 25, F17437, TFT Racing
And the icon should be on the left

I Have attached the Iconand the 4 images to that line.
The 4 images should be 250x250