MEDBLOG : Actualités Geek Web 2.0 & Webdesign

Actualités Geek Web 2.0 & Webdesign

Tutorial ReflectOMatic, ajouter facilement des effets de réflections

reflectomatic
ReflectOMatic est un site qui permet d’ajouter facilement des effets de réflections à n’importe quelle image. Vous entrez l’Url de l’image, réglez l’opacité et la hauteur du reflet, la taille et la couleur de fond de l’image, une fois le résultat gêner il ne vous reste plus qu’a l’enregistrer.

Mais ce n’est tout, ReflectOMatic nous offre une autre solution basée sur un script JS pour ajouter un reflet de façon automatique sur les images de votre choix, et le fichier JavaScript ne pèse que 5 ko !

Premier partie :
Téléchargez et placez le fichier reflection.js dans votre répertoire racine par exemple, ensuite ajoutez la balise qui va faire appel à ce script entre <head> et </head>

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

Faites attention au paramètre “src” qui indique l’emplacement du script

Deuxième partie :
Ajouter ensuite une classe reflect sur votre image

<img src="image.jpg" class="reflect" alt="" />

Option :
Vous pouvez paramétrer la hauteur et l’opacité du reflet :

<img src="image.jpg" class="reflect ropacity10" alt="" />
<img src="image.jpg" class="reflect ropacity50" alt="" />
<img src="image.jpg" class="reflect rheight40" alt="" />
<img src="image.jpg" class="reflect rheight80" alt="" />

Pour finir, vous disposez même de plugin pour la plupart des plate-forme, je vous renvoi sur le site pour plus d’information

Ce script fonctionne théoriquement sur la plupart des navigateurs (IE, Firefox, Opera, Safari).

AddThis Social Bookmark Button

8 commentaires, commentaire ou Trackback

  1. Superbe effet !
    Très réussi et simple à mettre en place!

    Mon seul problème pour le moment c’est que l’effet ne s’adapte pas entièrement à mon image: il est plus LARGE qu’elle.

  2. @kval : indique moi juste l’URL de la page, je veux voir ce que je peux faire !!

  3. jaime cette article
    si vous avez fait l’hébergement des sites web je te conseille par ce societé là :
    Bleu hebergement site web
    Découvrez les meilleurs offres hébergement de site web et nom de domaine au Maroc, Bleu vous fournit l’hébergement de sites internet sur des serveurs dédiés Linux et Windows, serveurs VPS et Cloud .

  4. Large choix de Montres et bijoux à des prix exceptionnel. Bijoux Swarovski, Or, Argent, Céramique et montres Casio, Daniel Wellington, Junkers, Diesel …

  5. Boutique en ligne officielle de Montres de Luxe et bijoux, les plus grandes marques suisse disponible. Joaillerie & Horlogerie depuis 1892

  6. Certains enfants ont un retard de développement par rapport à leur âge chronologique comme un retard de langage, Retard de pousse dentaire et Retard de premier pas etc… c’est pour cela qu’il faut consulter un pédiatre ou orthophoniste selon la situation de l’enfant afin de faire face à ce retard.

  7. Lisez vos scans et mangas préférés en ligne sur vf-scan.com.
    Lire Manga en ligne, chapitre absolument gratuit et mis à jour

    quotidiennement.

  8. Lisez vos scans et mangas préférés en ligne sur vf-scan.com. Lire Manga en ligne, chapitre absolument gratuit et mis à jour quotidiennement

Répondre á “Tutorial ReflectOMatic, ajouter facilement des effets de réflections”

Recevez les derniers articles par mail :

 

Recent Comments

Par Albert Einstein

“La connaissance s'acquiert par l'expérience. Tout le reste n'est que de l'information.”

Feedburner RSS
Ajoute a Technorati Favoris