SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member Spirix's Avatar
    Join Date
    Jan 2006
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Post Text Description on mouseover

    After viewing the million dollar homepage I was wondering if someone could help me figure out how to make a text description come up when a user mouseovers a certain part of an image . I am not looking for a "million dollar" script or anything but I need a short description and link to come up when a user mouseovers a certain part of my image.

    I found out that its called an image map however I don't know how to make text pop up when you mouseover it.
    Last edited by Spirix; Nov 27, 2008 at 15:54.

  2. #2
    SitePoint Wizard
    Join Date
    Apr 2002
    Posts
    2,307
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    just standard html can do it, although i don't know how cross browser ok it is. basically make an image map however, as usual, and put a title attribute in the 'area' element which specifies the area. eg:

    Code:
    <img src="image.png" width="300" height="200" alt="" usemap="#map" />
    <map name="map" id="map">
    <area shape="rect" alt="" title="This is the popup text on the particular area of the image" coords="5,50,40,20" />
    </map>
    those coordinates are just fill in / placeholders.

  3. #3
    SitePoint Member Spirix's Avatar
    Join Date
    Jan 2006
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wow that works really well! Thank you so much!


Tags for this Thread

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
  •