Ajouter des reflets sur ses photos

Si vous ne désirez pas vous lancer dans un programme en javascript pour donner des reflets à vos photos, il existe ce générateur en ligne : REFLECTIONMAKER

Soit :

• vous saisissez l'adresse de votre image si elle est déjà hébergée
• vous l'uploadez si elle est sur votre PC

Vous choisissez la taille de la réflection et la couleur de fond.

Puis vous cliquez sur generate.

Si le résultat vous convient, vous uploadez.

Ainsi



devient

Ajouter des reflets sur ses photos avec reflection

Il s'agit d'un fichier javascript qui va vous permettre d'ajouter des reflets sur vos photos en ligne.

Avant :



Après (attendez que la page charge entièrement) :




PREMIERE ETAPE :

Allez sur NEONDRAGON

Cliquez sur Download the latest version, Reflection.js v1.7.

Enregistrez le fichier .zip sur votre disque dur. Je vous rappelle qu'un fichier .zip est un ensemble de fichiers compressés. Pour les décompresser, j'utilise WinRAR, fonction Extraire vers.

Sur votre PC, vous avez maintenant ces fichiers :



DEUXIEME ETAPE :

Dans l'administration de votre blog - Documents - Autres Fichiers :

• vous créez un répertoire : reflection
• vous y uploadez le fichier reflection.js
• vous notez son adresse : http://ddata.over-blog.com/xxxyyy/0/37/17/67/reflection/reflection.js

TROISIEME ETAPE :

Lorsque vous mettez une photo dans un article, vous collez le code suivant en HTML :

<img src="adresse de l'image" class="reflect" />

en personnalisant avec votre propre adresse d'image.

Il vous est possible de faire varier l'opacité, en remplaçant class="reflect" par class="reflect ropacity73" (73 est le % d'opacité : vous jouez avec ce chiffre). On obtiendrait alors :

<img src="adresse de l'image" class="reflect ropacity73" />

Vous collez ensuite ce code, toujours en HTML

<script type="text/javascript" src="http://ddata.over-blog.com/xxxyyy/0/37/17/67/reflection/reflection.js"></script>

avec l'adresse de votre fichier reflection.js (celui que vous avez noté à la 2ème étape).

Si vous avez un blog sur Over-Blog, vous pouvez effectuer seulement la troisième étape et utiliser mon propre fichier reflection.js.