Results 1 to 9 of 9

Thread: Mouseover image change

  1. #1
    Join Date
    Oct 2019
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question Mouseover image change

    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

  2. #2
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,365
    Thanks
    1
    Thanked 243 Times in 238 Posts

    Default

    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
    ~ the original bald headed old fart ~

  3. #3
    Join Date
    Oct 2019
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    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

  4. #4
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,365
    Thanks
    1
    Thanked 243 Times in 238 Posts

    Default

    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
    ~ the original bald headed old fart ~

  5. #5
    Join Date
    Oct 2019
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    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
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	3F17437.jpg 
Views:	19 
Size:	86.2 KB 
ID:	6358   Click image for larger version. 

Name:	2F17437.jpg 
Views:	20 
Size:	85.7 KB 
ID:	6359   Click image for larger version. 

Name:	1F17437.jpg 
Views:	19 
Size:	87.0 KB 
ID:	6360  

  6. #6
    Join Date
    Oct 2019
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    And the last images
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	0F17437.jpg 
Views:	21 
Size:	86.6 KB 
ID:	6361  
    Attached Images Attached Images  

  7. #7
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,365
    Thanks
    1
    Thanked 243 Times in 238 Posts

    Default

    Hi there ThuleAB,


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

    coothead
    Attached Files Attached Files
    ~ the original bald headed old fart ~

  8. #8
    Join Date
    Oct 2019
    Posts
    7
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

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

  9. #9
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,365
    Thanks
    1
    Thanked 243 Times in 238 Posts

    Default


    No problem, you're very welcome.

    coothead
    ~ the original bald headed old fart ~

  10. The Following User Says Thank You to coothead For This Useful Post:

    ThuleAB (11-01-2019)

Similar Threads

  1. change image and text on mouseover.
    By Bornfree in forum Looking for such a script or service
    Replies: 2
    Last Post: 09-24-2013, 10:27 PM
  2. Image Change using mouseover
    By jmevz in forum Looking for such a script or service
    Replies: 2
    Last Post: 07-24-2011, 02:37 PM
  3. Resolved Change Table BG image upon mouseover of text/image
    By lrickyutah in forum CSS
    Replies: 6
    Last Post: 11-16-2010, 10:28 PM
  4. Change Image and text with mouseover
    By crood58 in forum JavaScript
    Replies: 2
    Last Post: 08-10-2009, 06:27 PM
  5. complicated image change on mouseover
    By mayde in forum JavaScript
    Replies: 5
    Last Post: 12-17-2004, 06:27 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •