Hola,
Estoy intentando adaptar el script este
http://www.dynamicdrive.com/style/cs...-image-viewer/
el CSS
<style type="text/css">
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
</style>
ahora hago el efecto!
<a class="thumbnail" href="#thumb"><img src="media/tree_thumb.jpg" /><span>Texto que sale cuando paso el raton por la imagen</span></a>
hasta aqui bien, pero como seria la linea de arriba si la imagen fuera esta???
<map name="Map" id="Map">
<area shape="poly" coords="441,268,454,306,455,321,462,329,468,339,47 5,348,480,365,480,373,473,375,460,372,454,374,446, 376,440,381,433,387,428,391,424,381,437,373,426,36 9,413,370,406,371,390,365,383,362,380,356,375,355" href="#" />
</map>
espero puedan ayudarme
gracias