Webdesign Index du Forum

Webdesign
Créations multimédias

 FAQFAQ   RechercherRechercher   MembresMembres   GroupesGroupes   BLOG Webdesign : Créations multimédias  Geoffrey Couppey - Portfolio  S’enregistrerS’enregistrer 
 ProfilProfil   Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés   ConnexionConnexion 

Reflection auto sur les images !

 
Poster un nouveau sujet   Répondre au sujet    Webdesign Index du Forum ->
Programmation : Langages
-> Javascript
Sujet précédent :: Sujet suivant  
Auteur Message
Geoffrey Couppey
Administrateur

Hors ligne

Inscrit le: 22 Sep 2008
Messages: 347
Localisation: Basse Normandie / Manche
Date de naissance: 12/04/1988
Masculin Bélier (21mar-19avr) 龍 Dragon

MessagePosté le: Jeu 14 Mai - 14:21 (2009)    Sujet du message: Reflection auto sur les images ! Répondre en citant

Bonjour,

Je sais combien tout le monde est sensible au design d'un site. Un utilisateur se fidélise à un site pour plusieurs raison, dont le design, c'est pourquoi j'ai fais une recherche sur les reflections d'image automatique, et j'ai trouvé une solution ! Smile

Les navigateurs supportant cette solutions sont :


  • Internet Explorer 5.5+
  • Mozilla Firefox 1.5+
  • Google Chrome (all versions)
  • Safari 2+
  • Opera 9+

Voici ce que le script vous permettra de faire sans effort de graphiqme ^^

 



Voici le guide avec des exemples d'images qui ont subient la réflection automatique : Guide de réflection.


Le site étant en anglais, je vais vous expliquer comment vous servir du fichier reflection.js qu'il faut que vous téléchargiez.

Fichier reflection.js téléchargeable ici.

Après l'avoir donc téléchargé, il vous suffit de l'appeler dans votre page web par le biais de ce petit code a mettre entre les balise head comme suit :


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



Attention au chemin de votre fichier. Le code présenté ci-dessus ne fonctionnera que si votre fichier reflection.js se situe dans le dossier racine de votre page web, c'est à dire dans le même dossier que votre page web.
Une fois le fichier javascript appelé, il vous suffit d'appeler votre image entre les balises body avec la balise abituelle img et de vous servir de la class reflect qui est définie dans le fichier javascript.

Exemple :

Code:
<img src="url de votre image" class="reflect rheight44 ropacity33"> 


Explications de l'exemple :
La class reflect a donc 2 attributs comme vous pouvez le constater.
rheight44 signifie que la réflection vers le bas de votre image sera égale à 44% de la hauteur de l'image d'origine.
ropacity33 signifie que l'opacité (ou encore la transparence) de l'image sera égale à 33% de l'image d'origine.

Voilà j'espère que vous avez compris comment se servir de ce javascript qui est complexe, mais que vous n'aurez jamais besoin de touché puisque je vous fournis le fichier Wink

En espérant que vous l'utiliserez pour embellir vos site si tout de fois vous aimez ce genre de design Smile

Bonne journée à toutes et à tous.

Si vous avez des problèmes pour l'intégrer, il vous suffis de demander et je me ferais un plaisir de vous aider.
_________________

<a href="http://www.geoffreycouppey.fr">www.geoffreycouppey.fr</a>


Revenir en haut
Visiter le site web du posteur Skype
Publicité






MessagePosté le: Jeu 14 Mai - 14:21 (2009)    Sujet du message: Publicité

PublicitéSupprimer les publicités ?
Revenir en haut
kibbas
Administrateur

Hors ligne

Inscrit le: 14 Oct 2008
Messages: 63
Date de naissance: 14/07/1989
Masculin

MessagePosté le: Sam 16 Mai - 08:10 (2009)    Sujet du message: Reflection auto sur les images ! Répondre en citant

Merci merci Mefelon  Mr. Green

En tout cas c'est très utile ce cours pour pouvoir faire personnaliser des avatars des autres ^^ lol


Revenir en haut
Visiter le site web du posteur
Contenu Sponsorisé






MessagePosté le: Aujourd’hui à 00:52 (2017)    Sujet du message: Reflection auto sur les images !

Revenir en haut
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    Webdesign Index du Forum ->
Programmation : Langages
-> Javascript
Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1

 
Sauter vers:  

Index | Creer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com