Diego Venegas
Inicio Foro Blog
Menu del sitio
Anuncios Patrocinados

Mi Pagina

Imagen

Este es un efecto que consiste en que al pasar el mouse a travez de una imagen esta se agrande a su tamaño original

Delfin

  • Inserta este código en texto por debajo de la página
<style type='text/css'>

.thumbnail
{position: relative;
z-index: 0;}

.thumbnail:hover
{background-color: transparent;
z-index: 50;}

.thumbnail span
{position: absolute;
background-color: black;
padding: 5px;
left: -100px;
border: 1px 
dashed gray;
visibility: hidden;
color: #0066FF;
text-decoration: none;}

.thumbnail span img
{border-width: 0;padding: 2px;}

.thumbnail:hover span
{visibility: visible;
top: 0;
left: 10px;}

</style>


  • Y luego en tu Página agrega esto:
<a class="thumbnail" href="#thumb">
<img src="URL IMAGEN" width="50%" height="50%" border="0" />
<span><img src="
URL IMAGEN" /><br />Nombre de tu Imagen</span></a>

Simbología:
Color Rojo: es la url de tu imagen
Color Celeste: es el color del nombre de tu imagen, puedes modificarlo por cualquier otro color que gustes
Color Verde: Es el ancho (width) y alto (height) de tu imagen sin haber pasado por encima el mouse

Copyright MyCorp © 2009
Internet
My Plugoo

=> ¿Desea una página web gratis? Pues, haz clic aquí! <=