Pixelco blog

reflection.js es una biblioteca Javascript que permite agregar reflejos a una imagen en una página web.

Es muy fácil de implementar, sólo debemos bajar un archivo Javascript y crear el enlace en el sitio que queremos aplicarle los efectos y luego es muy sencillo, hay que añadir class=”reflect” a la imagen y listo.

Soporta varios navegadores como Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ y Safari y solo ocupa 5KB.

En la página hay varios ejemplos, esto nos permite ver como funciona y se implemnta en WordPress, phpBB, Lightbox y otros.

Otras bibliotecas de efectos:

• BoxOver un script que utiliza Javascript/DHTML para permite implementar tooltips en una web;
• Page Turner un script que utiliza jQuery y que permite implementar un efecto que simula pasar la página como si fuera una revista o un libro;
• script.aculo.us es una biblioteca Javascript que permite implementar Ajax logrando funcionalidades como arrastrar y soltar (drag ‘n drop) y una amplia variedad de efectos visuales en una página web;
• InnerFade un script que hace uso de la biblioteca jQuery y que permite aplicar a cualquier elemento de una página web como:
  div, imágenes, … un efecto Fade in/out.

Para leer más:

• Recopilación de frameworks, bibliotecas y otros recursos para desarrollo web
• Jitsu – Herramienta Open Source para desarrollar interfases de aplicaciones web
• Simple Javascript Progress Bar with CSS – Biblioteca Javascript para barras de progreso con CSS
• Listado con todas las Cheat Sheet que deberías tener siempre a la mano

Tags: reflections, biblioteca, javascript, efectos

Recursos Recursos