29 juil. 2010

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.

Aucun commentaire:

Enregistrer un commentaire

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)