Foros del Web » Creando para Internet » CSS »

Ayuda con script de dynamicdrive.com

Estas en el tema de Ayuda con script de dynamicdrive.com en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/02/2008, 13:19
 
Fecha de Ingreso: noviembre-2002
Mensajes: 746
Antigüedad: 15 años
Puntos: 6
Ayuda con script de dynamicdrive.com

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
  #2 (permalink)  
Antiguo 16/02/2008, 14:38
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Ayuda con script de dynamicdrive.com

¿Estás seguro de que ese es el código de la imagen? Una imagen, que yo sepa, siempre está en una etiqueta <img>. Busca mejor en tu código "img" o también es posible que sea un fondo, busca "#map" (todo sin comillas).
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:03.