Efecto opaco sobre imágenes

Con este sencillo script es posible opacar el color de las imágenes y al pararse sobre éstas cambiar a la imagen real.

Ejemplo:

WebExperto.com

Código:

Ubicar el siguiente JavaScript entre las etiquetas <head> y </head>:

<script language="JavaScript1.2">
function makevisible(cur,which)
{
if (which==0)
    cur.filters.alpha.opacity=100
else
    cur.filters.alpha.opacity=40
}
</script>

Luego en el código html donde insertamos la imagen deberemos agregarle algunos parámetros:

onmouseover=makevisible(this,0) style="FILTER: alpha(opacity=40)"
onmouseout=makevisible(this,1)

<a href="http://www.webexperto.com" target="_blank"><img src="logo.gif" onmouseover=makevisible(this,0) style="FILTER: alpha(opacity=40)" onmouseout=makevisible(this,1) width="204" height="68" border="0" alt="WebExperto.com"></a>

Este script puede ser muy útil para realizar vistosos menúes, o simplemente darle un toque vistoso a nuestras imágenes.

Deja un comentario