Icono del sitio Pixelco Tech

Efecto Hover sobre imagenes miniaturas con jQuery

designbombs

El efecto Hover es muy usado en imágenes, es el que se que generalmente, al posar el puntero del ratón sobre una imagen miniatura, muestra la misma imagen en un tamaño mayor.

En sohtanaka.com publican Fancy Thumbnail Hover Effect w/ jQuery, es un tutorial que explica paso a paso como implementar el efecto hover sobre imágenes.

Estuve usando la demo y viendo su implementación. La verdad que el tutorial está muy bien explicado (en inglés), básicamente consta de tres pasos: definir las imágenesa mostrar, para esto usa listas HTML <li></li>, luego proporciona un código para los estilos (CSS) y por último el código jQuery (Javascript).

Con conocimienos generales sobre HTML, CSS y Javascript/jQuery, es posible por medio de este tutorial implementar una elegante galería de imágenes con efecto hover.

The Art of Hand Coding:

Salir de la versión móvil