}

domingo, 19 de junio de 2011

Opacidad en las imágenes.

Imagen con opacidad y color normal al pasar el mouse:






<img style="opacity: 0.2; filter:alpha(opacity=20);" src="URL de la imagen" onmouseover="this.style.opacity=1;this.filters.alpha.opacity='100';" onmouseout="this.style.opacity=0.2;this.filters.alpha.opacity='20';"/>




Imagen normal y efecto de opacidad al pasar el mouse:






<img src="URL de la imagen" onmouseout="this.style.opacity=1;this.filters.alpha.opacity='100';" onmouseover="this.style.opacity=0.2;this.filters.alpha.opacity='20';"/>

1 comentario:

Carolina Elizabeth& dijo...

Tengo un problema con este efecto, cuando estoy creando la entrada con la imagen, a la imagen la coloco en el centro pero cuando la publico me queda a la izquierda. Como puedo solucionar esto?