Pour rendre vos graphiques plus attrayants, vous éprouvez peut-être l’envie d’appliquer un effet miroir sur chacune de vos images.
Ceci est facilement réalisable si vous avez deux ou trois images sur votre site, mais si vous gérez un site de plusieurs dizaines de pages contenant chacune de nombreuses images, appliquer un effet miroir à toutes vos images se révèle long et fastidieux.
S’il y a bien une chose que vous devez éviter dans le développement de votre business en ligne, c’est bel et bien de consacrer énormément de temps dans de tels détails. Il est préférable de consacrer énormément de temps à la promotion de votre business!
Toutefois, si vous désirez réellement appliquer un tel effet à toutes vos images, il existe un service d’une simplicité tout simplement incroyable.
Reflection.js vous permet d’appliquer, grâce à un simple code javascript, un effet miroir à toutes vos images. Voici ce que permet reflection.js:
-
Appliquer un effet miroir à vos images en intégrant l’attribut: class=“reflect” dans votre code image
-
Fonctionne avec les navigateurs Internet Explorer 5.5+, Mozilla Firefox 1.5+, Safari, Google Chrome and Opera 9+
-
Si javascript désactivé ou navigateur plus anciens, il n’y aura tout simplement pas d’effet miroir appliqué à vos images et ceci sans dégrader votre page internet.
-
Vous pouvez appliquer reflexion.js à n’importe quel type d’image, logo, header…
-
L’effet miroir se fond dans le décor de votre site grâce à son effet de transparence
-
Vous pouvez très facilement faire varier la hauteur de votre effet ainsi que son opacité.
-
Vous consommez beaucoup moins de mémoire, car vous utiliser un simple code javascript
-
Intégrer reflection.js très simplement à votre site grâce à ses extensions pour blogger, wordpress, phpBB…
Comment utiliser reflection.js?
1/ C’est très simple, premièrement il vous faut télécharger le dossier « reflection » en cliquant sur ce lien de téléchargement.
2/ Une fois téléchargé, vous décompressé le dossier, vous lisez la page « readme.html » et vous installez le fichier reflection.js sur votre hébergement. Si vous hébergez toutes vos images dans un dossier « images » par exemple, placez reflection.js dans celui-ci.
3/ Vous placez le code ci-après dans vos pages web.
4/ Une fois ceci réalisé, il vous suffit de placer l ’attribut class=“reflect” dans le code de votre image
5/ Vous allez pouvoir également modifier très facilement la hauteur et l’opacité de vos effets miroirs en rajoutant les attributs « rheight » et « ropacity ».
Dans tous les cas, je vous invite à prendre connaissance de la page readme.html présente dans le dossier « reflection » et à vous connecter au site du service reflection.js pour en savoir plus.



























