Novedades

Efecto mouse overWebsite CSS Globe publicó un interesante efecto mouse over en imágenes enlazadas.

Este permite aplicarle fácilmente una variedad de efectos. Es muy simple, elegante e ideal para mostrarle al usuario el significado de que hace una determinada sección del sitio.

Por ejemplo podemos hacer aparecer una lupa cuando el puntero del mouse pasa sobre la imagen para indicar que haciendo click esta se ampliará (zoom) o desplegar una leyenda que indique que se puede descargar.

Para incorporarlo a nuestra página debemos enlazar el archivo imagelink.js:

script src="imagelink/imagelink.js" type="text/javascript"

y configurar los parámetros: imageClass, defaultClass y overClass en el archivo Javascript.

También existe un segundo método un poco más complicado que permite configurar estilos diferentes en varias imágenes. Todo esto está bien explicado en el sitio (en inglés) y verdaderamente es muy sencillo de implementar.

Demo: cssglobe.com/lab/imagelink
Descargar Image Link
Artículo original:
Style Your Image Links (en inglés)

Vía: .etc

Tags: , , ,

By Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer. Blogger desde el 2006, creador de Pixelco Tech. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

4 thoughts on “Efecto mouse over en imágenes enlazadas”
  1. No te entendí tu pregunta. Te refieres a que el antivirus te muestra un alerta que la descarga contiene un virus?
    Saludos.

  2. hola diego tengo un problema cuando descargo el programa me dice que si lo descarga un virus se activara que puedo acer?

    Saludos

    kevin

  3. Hola Eduardo.
    La verdad es que no he trabajo con Blogger, pero me parece que no se puede.
    Saludos.

  4. Hola amigo, interesante efecto el que propones en este post, quiero preguntarte si este efecto se puede utilizar en blogger, espero me respondas y me puedas ayudar.

    Un saludo!

Comments are closed.