Je ne sais pas si vous avez remarqué mais certains sites comme le blog d'otto ont une façon de présenter les images, photos qui leurs est très personnel. Si vous voulez vous aussi vous démarquer, suivez le guide!
- glossy est une librairie Javascript qui va vous permettre de justement ajouter un effet Glossy sur toutes les images que vous souhaitez très simplement.
Téléchargeons la librairie Glossy, et envoyer la sur votre hébergement dans le dossier de votre choix Avant la balise head de votre page/template insérer:
<script src=“glossy.js” type=“text/javascript”></script>Ensuite il vous suffit d'ajouter la class Glossy a vos images pour qu'elles prennent tout de suite une autre dimension. exemple:
<img src="images/bobo.jpg" class="glossy" />Pour avoir une idée du rendu je vous invite ici et / ou ici
- Reflection est une autre Librairie javascript qui à la manière de Glossy permet d'ajouter un effet de réflection aux images que vous souhaitez.
Pour le télécharger c'est ici Vous suivez exactement le même début que pour Glossy. Il ne faut changer que le nom de la class.
<img src="images/bobo.jpg" class="reflect" />voilà le rendu:
Si vous souhaitez aller plus loin dans la possibilité de "tunning Web 2.0" de vos images automatiquement je vous invite à aller sur les pages des Librairies javascript et de regarder les options qui sont disponibles.
Si vous avez dans vos placards ou autre liens, une autre librairie ou fonction javascript qui permet d'ajouter un effet sur une image n'hésitez pas à m'en faire part dans les commentaires!
Jeu de briques
Snake
Pacman
Bubble