Forums

[resolved] Different Text in Specific Div Depending on Mouseover (6 posts)

  1. Sherry Dedman
    Member
    Posted 1 year ago #

    Can anyone tell me if there is a good plugin to do the following?

    I need different text to display in a specific area depending on which picture is being moused over.

    Specifically, I have a row of 6 images and below that an area for a description that is as wide as the whole row of images. If image number one is moused over or clicked, I need one description to appear in that area below. If image number two is moused over or clicked, I need that first description to disappear and be replaced with a new description in that same area below.

    Hopefully that makes sense. I've seen this on a few different sites, but I'm not sure how it's done. Am hoping there is a plugin for this. I searched, but couldn't find specifically what I need. If there is another solution, I'm open to that as well.

    Thank you in advance for your help!

    Sherry

  2. Sherry Dedman
    Member
    Posted 1 year ago #

    Hello;

    Just a friendly little "bump."

    Thanks!

    Sherry

  3. Sherry Dedman
    Member
    Posted 1 year ago #

    One last little bump, then I give up. :)

    Sherry

  4. tirussell
    Member
    Posted 1 year ago #

    Add this to the <img> tag for each of your images (in the HTML view):

    onMouseover="document.getElementById('YOUR_TARGET_DIV_ID_HERE').innerHTML = 'Text revelevant to this image here';"

    I have no idea if there is a plugin to do this in a more automated fashion, but this should work.

  5. Sherry Dedman
    Member
    Posted 1 year ago #

    That is cool - thank you tirussell! I will try it.

    -Sherry

  6. Sherry Dedman
    Member
    Posted 1 year ago #

    This worked very well - thank you!

    Sherry

Topic Closed

This topic has been closed to new replies.

About this Topic