Results 1 to 10 of 10

Thread: a different script about images....!!

  1. #1
    Join Date
    Jun 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default a different script about images....!!

    hi; I m looking for a script like this :
    when mouse over a special place on image,,,a definition will appear about this special place....
    it s for education....(for the names of human muscles on image....etc)
    :::
    for example like this image that I made :::


    so;is there a script like this ?????

  2. #2
    Join Date
    Feb 2007
    Posts
    293
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Try the dhtml tooltip http://www.dynamicdrive.com/dynamici...xedtooltip.htm

    To make it work for an imagemap, the links would be done like this:

    Code:
    <MAP NAME="mymap">
    <AREA SHAPE="RECT" COORDS="10, 10, 135, 138" 
    onMouseover="ddrivetip('text to display','yellow', 300)";
    onMouseout="hideddrivetip()">
    </MAP>
    
    <img src="image.gif" usemap="#mymap">

  3. #3
    Join Date
    Mar 2006
    Location
    Cleveland, Ohio
    Posts
    574
    Thanks
    6
    Thanked 5 Times in 5 Posts

    Default

    Make Veronica's code web standard, though:

    Code:
    <map name="mymap">
    <area shape="rect" coords="10, 10, 135, 138" 
    onMouseover="ddrivetip('text to display','yellow', 300)";
    onMouseout="hideddrivetip()" />
    </map>
    
    <img src="image.gif" usemap="#mymap" alt="The eye's muscles" />
    Thou com'st in such a questionable shape
    Hamlet, Act 1, Scene 4

  4. #4
    Join Date
    Jun 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thanks all...
    but I want to make special areas on the image...
    when mouse over a muscle ,,its name will appear...

    for example on my image;
    when we go superior muscle its name(m.rectus superior) will appear, when we go inferior muscle its name(m.rectus inferior) will appear,,,on the same image.....
    how can we do this ??????????

  5. #5
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    alexjewell, it's already perfectly valid HTML. You've just converted it to invalid XHTML (the event names should be all lower-case too for XHTML). While there is a chance that the original poster was using XHTML, it's usually safer to assume otherwise, due to IE's lack of support.

    santral, Veronica's code will do exactly as you ask. You just have to outline the shapes in the image.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  6. #6
    Join Date
    Jun 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thanks alot
    but how can I outline the shapes in the image?????
    I really dont know how to do !!!! could you explain or write a link about outlining shapes ???

  7. #7
    Join Date
    Jun 2007
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    or it could be a program or php file(like module) to make it fast.......

  8. #8
    Join Date
    Sep 2006
    Location
    St. George, UT
    Posts
    2,769
    Thanks
    3
    Thanked 157 Times in 155 Posts

    Default

    Take a look through this thread, you will find a link to a program for making image maps and whatnot.

    http://www.dynamicdrive.com/forums/s...ad.php?t=18955

    Hope this help.
    "Computer games don't affect kids; I mean if Pac-Man affected us as kids, we'd all be running around in darkened rooms, munching magic pills and listening to repetitive electronic music." - Kristian Wilson, Nintendo, Inc, 1989
    TheUnlimitedHost | The Testing Site | Southern Utah Web Hosting and Design

  9. #9
    Join Date
    Mar 2006
    Location
    Cleveland, Ohio
    Posts
    574
    Thanks
    6
    Thanked 5 Times in 5 Posts

    Default

    Twey! You caught me! I was using XHTML! Haha.
    Thou com'st in such a questionable shape
    Hamlet, Act 1, Scene 4

  10. #10
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    or it could be a program or php file(like module) to make it fast.......
    Server-side image maps are an accessibility nightmare. Never use them without an alternative, and never use them where a client-side map can be used instead.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

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
  •