Ce script permet, d’ajouter un reflet avec un effet de transparence de façon automatique sur les images de votre choix, et le script correspondant est très léger !

 

Comment cela fonctionne t-il ?

Ajouter le script reflection.js que vous aurez téléchargé à partir du site de l’éditeur dans la partie head de votre page :

<script type="text/javascript" src="scripts/reflection.js"></script>

Ajouter ensuite une classe CSS reflect sur votre image :

<img src="monimage.jpg" class="reflect" alt="description de mon image" />

Et voilà, c’est aussi simple que çà.

Vous pouvez modifier selon vos loisirs la hauteur et l’opacité du reflet avec les classe CSS ropacityXX et rheightXX, oú XX représente un pourcentage :

<img src="monimage.jpg" class="reflect ropacity20" alt="description de mon image" />
<img src="monimage.jpg" class="reflect rheight80" alt="description de mon image" />

Il existe une autre solution en PHP : CorePHP - Easy PHP Reflections