Faire un reflet sur une image dynamiquement !
Par Nico, jeudi 1 novembre 2007
Avec cette fonction vous pourrez créer un reflet sur une image super facilement. La fonction est directement paramétrable dans le code html... en fait c'est tellement simple que je ne sais pas ce que je peux vous expliquer !
Présentation
La source se compose de deux fichiers, un fichier javascript que vous n'avez pas besoin de le modifier pour l'utiliser, les configurations se faisant dans le html directement. Ceci présente un gros avantage, vous pouvez ainsi faire plusieurs reflets différents sur la même page très facilement. Que rajouter de plus, je vous laisse regarder le résultat :
L'appel de la fonction
Voici comment définir le reflet :
<img width="331" height="456" border="0" src="super_caniche.jpg" alt="" class="reflect rheight80 ropacity80" />
rheight80 : vous pouvez changer la hauteur du relief du relief. Le chiffre est en pourcentage et correspond à la position où l'image est complètement transparente. Pour vous donner une idée, l'image de gauche a une hauteur de relief de 80% et celle de droite 46% de l'image d'origine.ropacity80 : vous pouvez changer l'opacité générale. Le chiffre est également en pourcentage.
Source
Source :
reflexion.zip (27Ko)
Commentaires
Aucun commentaire pour le moment.
Ajouter un commentaire