Imagemaps, Mouseover

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Eva Farnberger
    #1

    Imagemaps, Mouseover

    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_de tail01.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!


    Tags: None
    • McKirahan
      #2
      Re: Imagemaps, Mouseover

      "Eva Farnberger" <eva.farnberger @chello.at> wrote in message
      news:7i_rc.1501 16$O9.37282@new s.chello.at...[color=blue]
      > 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_de tail01.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![/color]


      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 "onmouseove r" 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="img 1.src=blank.gif '"
      onMouseOver="im g1.src='large_1 .gif'"></td>
      <td><img src="small_2" onMouseOut="img 1.src='blank.gi f'"
      onMouseOver="im g1.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.


        Comment

        Previous template Next
        Working...