« Recomendaciones para la preparación de un Email | Página de inicio | Cómo ganar dinero con tu sitio web »
26/05/06
Cambiar la opacidad de una imagen con estilos
El siguiente estilo nos permite cambiar la opacidad de una imagen tras un evento (onMouseDown, onMouseOver,...).
style="filter:alpha(opacity=100)" onMouseDown="this.filters.alpha.opacity=50"
Un caso práctico de aplicación podría ser una galería de fotografías compuesta por imágenes thumb en miniatura. Al hacer clic sobre una imagen thumb se abre en un pop-up la imagen a gran tamaño. Si aplicamos este estilo dentro de la etiqueta <img> de la imagen, al pulsar sobre ella bajará la opacidad indicando que ya se ha pulsado.
15:55 Anotado en Hojas de estilo CSS | Permalink | Comentarios (0) | Enviar a Email