1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

jQuery: Hover over image to fade in/out separate text!

Discussion in 'Web Design & Development' started by nzcpc, Aug 1, 2012.

Thread Status:
Not open for further replies.
Advertisement
  1. nzcpc

    nzcpc Thread Starter

    Joined:
    Jul 22, 2010
    Messages:
    99
    Anyone know how to do this?

    Will have 4 screenshots to the left in a square formation (2 by 2), and a header and text list to the right of them. I would like the header and text list to change (fade in/out) dependant on what screenshot is being hovered over.

    Have spent hours looking and can't find anything to suit or anyone who has asked this before!

    Any help much appreciated, cheers.
     
  2. JiminSA

    JiminSA

    Joined:
    Dec 15, 2011
    Messages:
    2,058
    Hi nzcpc!

    I think the best approach would be usemap with show/hide div via some jQuery. Maybe this will give you some insight:)
    or just Google "show/hide div on usemap mouseover image" and look for what might best suit your purpose.
     
  3. JiminSA

    JiminSA

    Joined:
    Dec 15, 2011
    Messages:
    2,058
    Why not use the 'title' attribute within the AREA href tags of your image map? (using title is how tooltips are displayed within all browsers)
     
As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Loading...
Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/1063483