Améliorer l’affichage de vos images web !

Glossy est une petite librairie javascript qui vous permet d’ajouter aux images de votre site un joli bord degagé et brillant. Evitant ainsi l’édition individuelle de chacune d’entre elles. L’effet obtenu sera le suivant :

Installation :

Premièrement, téléchargeons la librairie glossy.js et uploadons la sur notre serveur.

Une fois ceci fait, faisons appelle à cette dernière en rajoutant la ligne suivante dans notre header :

Utilisation :

Lorsque vous souhaitez appliquer l’effet à votre image il vous suffit de lui rajouter la classe “glossy” :

On peut difficilement faire plus simple !

Autres paramètres :

Rayon :

Il nous est possible de jouer sur le rayon de l’effet en ajoutant le paramètre “iradius” suivi du rayon en pourcentage (min : 20 max : 50 défaut : 25) dans la classe :

Couleur de fond :

Grâce à ce paramètre, nous allons pouvoir changer le fond en ajoutant “ibgcolor” suivi du code hex de la couleur souhaitée (max=ffffff min=000000 default=0) :

Couleur du gradient :

Principe identique au paramètre couleur de fond en utilisant cette fois “igradient” :

Je retourne à la découverte d’autres effets javascript dont je vous ferai surement part. Si vous en connaissez, n’hésitez pas à nous les faire partager à travers les commentaires !