Imagemaps, Mouseover

Discussion in 'Javascript' started by Eva Farnberger, May 23, 2004.

  1. Hi there,

    I wonder if somebody could help me with the following: I have a picture
    which is divided into parts and clicking on a certain part will open a new
    window showing an enlarged view of this part, like this:

    <map name="tetzel01">
    <area shape="rect" coords="142,13,234,98" href="tetzel_detail01.html"
    target="_blank" alt="Ansicht Detail - klicken" title="Ansicht Detail -
    klicken">
    </map>


    I would like to try to alter it so that when someone's mouse is over a
    certain part, the enlarged image pops up.

    Thanks for any help!
    Eva Farnberger, May 23, 2004
    #1
    1. Advertising

  2. Eva Farnberger

    McKirahan Guest

    "Eva Farnberger" <> wrote in message
    news:7i_rc.150116$...
    > Hi there,
    >
    > I wonder if somebody could help me with the following: I have a picture
    > which is divided into parts and clicking on a certain part will open a new
    > window showing an enlarged view of this part, like this:
    >
    > <map name="tetzel01">
    > <area shape="rect" coords="142,13,234,98" href="tetzel_detail01.html"
    > target="_blank" alt="Ansicht Detail - klicken" title="Ansicht Detail -
    > klicken">
    > </map>
    >
    >
    > I would like to try to alter it so that when someone's mouse is over a
    > certain part, the enlarged image pops up.
    >
    > Thanks for any help!



    Do you want the enlarged image to open up in a new window as your code
    suggests?

    Or, might you want to display the enlarged image below the multiple images?

    Look at "onmouseover" and "onmouseout'. For example,

    <html>
    <head>
    <title>onmouse.htm</title>
    </head>
    <body>
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td><img src="small_1" onMouseOut="img1.src=blank.gif'"
    onMouseOver="img1.src='large_1.gif'"></td>
    <td><img src="small_2" onMouseOut="img1.src='blank.gif'"
    onMouseOver="img1.src='large_2.gif'"></td>
    </tr>
    </table>
    <br>
    <img src="blank.gif" name="img1">
    </body>
    </html>

    This example doesn't use an image map but probably could be adapted.
    McKirahan, May 24, 2004
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. David

    imagemaps

    David, Oct 18, 2005, in forum: ASP .Net
    Replies:
    3
    Views:
    671
    S. Justin Gengo
    Oct 18, 2005
  2. Paul F. Johnson

    imagemaps and css

    Paul F. Johnson, Nov 14, 2003, in forum: HTML
    Replies:
    5
    Views:
    497
    Sid Ismail
    Nov 14, 2003
  3. brucie

    images vs imagemaps

    brucie, Jan 21, 2004, in forum: HTML
    Replies:
    11
    Views:
    617
    brucie
    Jan 22, 2004
  4. timothy
    Replies:
    4
    Views:
    1,351
    Jeffrey Silverman
    Nov 30, 2004
  5. Nathan Sokalski

    White strip showing up between two imagemaps

    Nathan Sokalski, Sep 22, 2006, in forum: ASP .Net
    Replies:
    4
    Views:
    362
    Nathan Sokalski
    Sep 23, 2006
Loading...

Share This Page