Imágenes con esquinas redondeadas utilizando javascript
Escrito por Jorge Bravo el 1 agosto, 2009
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 de la imagen del post.
Este script ya es antiguo y seguro muchos ya lo conoceran pero no esta de mas hacer repaso para los que aun no lo han probado.
Utilizació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:
1 | <script src="glossy.js" type="text/javascript"></script> |
Modo de uso:
Cuando deseamos usarla agregamos a nuestras imágenes la clase “glossy”
EJ:
1 | <img class="glossy" src="images/foto.jpg" alt="" /> |
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:
1 | <img class="glossy iradius25" src="images/foto.jpg" alt="" /> |
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:
1 | <img class="glossy ibgcolor000000" src="images/foto.jpg" alt="" /> |
Color de gradiente:
Podremos variar el color del gradiente agregando” igradient” seguido por el color deseado
(Max=ffffff min=000000 default=0)
1 | <img class="glossy igradient000000" src="images/foto.jpg" alt="" /> |
Sitio Web: glossy.zip
Descarga: www.netzgesta.de
Comentaríos: 
Buscando información sobre distintos plugs o scripts para un artículo me encuentro en 
