Uno de los efectos más utilizados con el nacimiento de las Webs 2.0 fue el de wet floor (piso mojado). Muchas veces es utilizado con letras en los logos sin embargo también queda agradable en las imágenes. Pero supongamos que tenemos muchas imágenes para mostrar en el sitio y queremos este efecto en todas, deberíamos ir una por una aplicándoles este efecto, lo cual sería muy tedioso, en especial si cargamos imágenes desde una PC ajena o que no cuenta con las herramientas gráficas necesarias.

Sin embargo gracias a prototype, y ha este minúsculo plugin se le puede aplicar este efecto a todas nuestras imágenes sin esfuerzo y por sobretodo sin deformar la imagen original.

js framework, prototype

¿Que es un lightbox?

Cuando hacemos click en una imagen y queremos ampliarla sin recargar la página, podemos utilizar lightbox, lo que hace es generar un layer donde se cargará la imagen y paralelamente oscurece el fondo con otro.

En este caso utilizo prototype como framweork para javascript y utilizaré el pluguin Lightbox 2.

Para ver el tutorial terminado hacer click AQUI.
(más…)

js framework, prototype