Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje01-01-2009, 18:03 (UTC)    
Título del mensaje: NECESITO CODIGO PARA AGRANDAR IMAGEN

HOLA. NECESITO UN CODIGO QUE PUEDA HACER QUE AL PASAR EL MOUSE POR ENCIMA DE UNA IMAGEN PUEDA PONERCE MAS GRANDE...

POR FAVOR DIGANME CUAL PUEDE SER Y EXPLIQUENME A DONDE PUEDO PONERLA.. GRACIAS POR SU AYUDA
Mensaje01-01-2009, 19:39 (UTC)    
Título del mensaje:

Mensaje01-01-2009, 22:29 (UTC)    
Título del mensaje:

tokarg escribió:




DISCULPA TOKARG PERO ESE CODIGO ESTA MALO. NO PUEDO HACER QUE LA IMAGEN SE VEA MAS GRANDE Y MUCHO MENOS QUE LA IMAGEN QUEDE EN MI WEB.. AYUDAME PLEASE
Mensaje01-01-2009, 22:32 (UTC)    
Título del mensaje:

[quote="adrianashoes"]
tokarg escribió:




DISCULPA TOKARG PERO ESE CODIGO ESTA MALO. NO PUEDO HACER QUE LA IMAGEN SE VEA MAS GRANDE Y MUCHO MENOS QUE LA IMAGEN QUEDE EN MI WEB.. AYUDAME PLEASE, NECESITO DE TU GRAN AYUDA]

Aviso del Moderador "nixoweb":
[Por favor no hacer doble Post. Para añadir información a sus mensajes utilice la función ubicada en la esquina superior derecha de sus mensajes]
Desde ya gracias por su comprensión y colaboración!


Ultima edición por adrianashoes el Vie Ene 02, 2009 4:12 am; editado 1 vez
Mensaje01-01-2009, 23:13 (UTC)    
Título del mensaje:

Mira usa este code

Texto por debajo de la pagina
Código:

<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: white;
padding: 5px;
left: -100px;
border: 1px dashed gray;
visibility: hidden;
color: #FFFF00;
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: 10px; /*position where enlarged image should offset horizontally */

}

</style>



y esto donde quieres que salga la imagen

Código:
<a class="thumbnail" href="#thumb"><img src="aquí-la-url-de-la-imagen" width="100px" height="100px" border="0" /><span><img src="aquí-la-url-de-la-imagen" /><br />Texto si se desea poner</span></a>
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group