Mouseover image change

[ThuleAB]

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]

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]

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]

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]

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

[ThuleAB]

And the last images

[coothead]

Hi there ThuleAB,



Check out the attachment, it may help
to get your project started started. ;)



coothead

[ThuleAB]

Dear Coothead
This is perfect. It is precisely what I had in mind
Thank you so much:D

[coothead]

No problem, you're very welcome. ;)


coothead

[shelleymorris]

Did you use Photoshop or other tools?

[coothead]

Did you use Photoshop or other tools?


Basic HTML, CSS and JavaScript were used for the project.


coothead