Quickribbon

Imágenes con esquinas redondeadas y brillo utilizando javascript


Glossy.js 1.3 es una pequeña librería Javascript que nos permite agregar instantáneamente esquinas redondeadas a las imágenes de nuestra web, evitando de esta forma tener que caer en la edición individual de cada una de ellas. El efecto que lograremos será el siguiente:

Instalación:

Primero descargamos la librería Glossy.js y la alojamos en nuestro servidor.
Hacemos el llamado a la librería agregando en nuestro encabezado, antes de la etiqueta < / HEADER > lo siguiente:

type="text/javascript" src="glossy.js">

Modo de uso:
Cuando deseamos usarla agregamos a nuestras imágenes la clase “glossy”
EJ:

src="images/foto.jpg" class="glossy" />

Otros Parámetros:
Radios
Podremos varias el radio del efecto agregando “iradius” seguido por el radio deseado en porcentaje clase “iradius25” (min=20 max=50 default=25 del radio) La foto que acompaña el post posee un radio de 50.
Ej:

src="images/foto.jpg" class="glossy iradius25" />

Color de fondo:
Podremos variar el color de fondo agregando “ ibgcolor” seguido por el color deseado expresado en hexadecimal: (max=ffffff min=000000 default=0)
EJ:

src="images/foto.jpg" class="glossy ibgcolor000000" />

Color de gradiente:
Podremos variar el color del gradiente agregando” igradient” seguido por el color deseado
(Max=ffffff min=000000 default=0)

src="images/foto.jpg" class="glossy igradient000000" />

Enlace Descargar

No hay comentarios: