Script sans java pour faire facilement un roll over d'image ou changement d'image au survol

Publié le par nessa

Souris poivron

Souris poivron

Script pour créer un roll over

Ctrl C (copie) puis Ctrl V (colle) en mode source htlm d'un article ou d'une colonne.
Il ne faudra pas oublier de remplacer l'url de l'image apparaissant sur le site

etl'url de l'image au survol par vos adresses url....

et ne pas oublier ou effacer tréma ou point virgule (" et ;)

<img src="url de l'image apparaissant sur le site" onmouseover="this.src='url de l'image au survol';" onmouseout="this.src='url de l'image apparaissant sur le site';" /></p>

Ce script est sans java script donc n'alourdit pas votre site  et est accessibles à tous (certains blogs n'ont pas le droit aux java scripts)

Faites le test  et  passez votre souris/pointer au dessus des images çi-dessous:


 

 

 

 

Cette astuce permet de mettre de petites vignettes images avec effet zoomant.

Il suffit d'enregistrer 2 images sous des formats différents grâce à photofiltre par exemple.

Vous vous rappelez de l'article pour placer un bouton retour "haut de blog" ou "bas de blog" ici ?

Un prochain  article  "html" sera consacré à combiner ces 2 scripts pour faire un bouon qui change au survol du pointeur

J'espère que tout le monde a suivi  et merci aux modos du forum OB.

je vous souhaite une bonne soirée et un 

bon vendredi

Partager cet article

Repost0

Commenter cet article

B
je me suis copié ce script, ça peut être sympath pour avoir la même photo en noir et blanc et en couleur
Répondre
N
<br /> <br /> C'est bien mais je crois que j'aurais de la difficulté,si je l,essaie,je te le dirai nessa.<br /> <br /> <br /> À bientôt.<br /> <br /> <br /> <br />
Répondre
B
<br /> <br /> je te souhaite une très bonne année 2011<br /> <br /> <br /> Bien à toi !<br /> <br /> <br /> http://artistesreunis.wmaker.tv/Meilleurs-voeux_v54.html<br /> <br /> <br /> <br />
Répondre
L
<br /> <br /> bonjour Nessa la pro en astuces en tous genres !!<br /> le rendu ça donne quoi ??<br /> il faudrait que je fasse un essai<br /> je repasserai - là je vais au marché   LOL<br /> bisous et merci    Lady marianne <br /> <br /> <br /> <br />
Répondre
M
<br /> <br /> je dois être la seule mais pour moi c'est super dur dur!!! j'ai le comprenoir bouché!!! je pense que c'est parce que je n'ai pas suffisament de temps je reviendrai prendre un cours lorsque<br /> j'aurai plus de temps si j'ai besoin je te ferai un petit signe car tu as l'air super calée en informatique gros bisous à toi et félicitations pour tous ces articles amitiés<br /> <br /> <br /> <br />
Répondre
E
<br /> <br /> Bonjour <br /> <br /> <br /> <br /> <br /> <br />
Répondre
M
<br /> <br /> Bonjour Nassa<br /> <br /> <br /> Que de bonnes astuces Nessa chez toi ! tu es trop forte pour nous !<br /> <br /> <br /> Bonne journée et gros bisous Marishka<br /> <br /> <br /> <br />
Répondre
P
<br /> <br /> Bonjour Nessa<br /> <br /> <br /> merci pour cette nouvelle astuce, j'espère que tu vas bien, en tout cas ton petit ange s'éclate bien en piscine lol! bisous* et bon début de week-end.<br /> <br /> <br /> <br /> <br /> <br />  <br /> <br /> <br /> <br />
Répondre
D
<br /> <br /> La ritournelle des mots!!!<br /> <br /> <br /> <br /> <br /> <br /> <br /> Mots par ci, mots par là<br /> C'est ma douce ritournelle<br /> Pour te souhaiter un très bon week-end<br /> Sous la pluie ou le soleil<br /> Quelle importance<br /> Du moment qu'il soit doux!!!<br /> Bisous<br /> Domi.<br /> <br /> <br /> ps : waouh comme t'es callée!!! Moi personnellement j'ai un peu de mal avec toutes ces applications ça doit être la vieille génération où l'on ne lisait jamais le mode emploi avant d'utiliser un<br /> outil qu'il soit ménager ou autre!!!<br /> <br /> <br /> Mais je m'informe quand même, tu as des dons pédagogiques je trouve!!!<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
Répondre
N
<br /> <br /> Je crois bien que j'ai compris mais je reviendrai ce soir prendre des notes pour m'en souvenir...<br /> <br /> <br /> Bisous Nessa<br /> <br /> <br /> <br />
Répondre
*
<br /> <br /> Haha je me le note dans un coin, ça peut toujours servir ! Et pour le concours, il y a d'autres samouraïs à l'horizon ?<br /> <br /> <br /> bisouilles<br /> <br /> <br /> <br />
Répondre
T
<br /> <br /> un petit régale pour moi je vous remercie de ces astuces<br /> <br /> <br /> en ce Jeudi un peu pluvieux je passe vous dire BONJOUR  et vous<br /> souhaite une très bonne journée<br /> <br /> <br /> <br />
Répondre
B
<br /> <br /> Un gros bisous par un temps pluvieux mais c'est tellement romantique que je vais aller me promener dans les bois à la cueillette des cèpes à bientôt<br /> <br /> <br /> <br /> <br /> <br /> <br />
Répondre
V
<br /> <br /> coucou<br /> <br /> <br /> il faut que je teste chez moi mais en ce moment le temps me manque<br /> <br /> <br /> merci<br /> <br /> <br /> bisous<br /> <br /> <br /> <br />
Répondre
T
<br /> <br /> salut<br /> <br /> <br /> bonne journée<br /> <br /> <br /> chez nous on va avoir un week end pourri car il pleut<br /> <br /> <br />  <br /> <br /> <br /> <br />
Répondre
:
<br /> <br /> c'est bien pratique cette astuce... est-ce ton Loulou qui s'éclate dans la piscine ?<br /> <br /> <br /> bises<br /> <br /> <br /> <br />
Répondre
J
<br /> <br /> merci pour ces trucs<br /> <br /> <br /> bisous<br /> <br /> <br /> <br />
Répondre
N
<br /> <br /> nessa,tu es patiente de nous montrer toutes sortes de trucs,je te remerci beaucoup,j'ai copié et je vais l,essayer plus tard car le temps me manque.<br /> <br /> <br /> Un gros merci et à bientôt.<br /> <br /> <br /> Oui,j'ai mis le temps sur mon blog.merci encore.<br /> <br /> <br /> À bientôt.<br /> <br /> <br /> <br />
Répondre
H
<br /> <br /> Bonsoir Nessa comment vas-tu ?<br /> <br /> <br /> Nous sommes sous l'orage, il nous annonce l'automne.<br /> <br /> <br /> Je crois bien que je vais abandonner mon blog, je ne progresse plus, je voudrai l'améliorer, mais je n'ai trouvé personne de volontaire autour de moi. Les chats créés depuis la disparition de<br /> celui d'OB ne fonctionnent pas bien,  les personnes qui y venaient s'éclipsent chacune leur tour.<br /> <br /> <br /> En tout cas tu continues ton envolée magnifique, bravo.<br /> <br /> <br /> bisou<br /> <br /> <br /> <br /> <br /> <br /> <br />
Répondre
J
<br /> <br /> Je savais même pas ce qu'était un roll over... pas mal...<br /> <br /> <br /> Je découvre ta radio zen, je branche le casque...<br /> <br /> <br /> Bonne soirée Nessa<br /> <br /> <br /> <br />
Répondre
M
<br /> <br /> C'est un TRUC SUPER que tu nous montres Nessa .<br /> <br /> <br /> Je l'ai mis "de côté" en attendant de l'essayer .<br /> <br /> <br /> Merci .<br /> <br /> <br /> <br /> <br /> <br /> <br />
Répondre
M
<br /> <br /> Un gros coucou du soir pour toi!<br /> <br /> <br /> <br />
Répondre
C
<br /> <br /> je n'ai que le premier soleil qui change quand je passe dessus et devient jaune..<br /> <br /> <br /> le reste rien de spécial ça reste pareil..<br /> normal ?<br /> <br /> <br /> bisous<br /> <br /> <br /> j'attends le prochain article :)<br /> <br /> <br /> bisous<br /> <br /> <br /> christelle<br /> <br /> <br /> <br />
Répondre
E
<br /> <br /> Bonsoir  Nessa l'orage est la, je me dépeche avant de fermer <br /> <br /> <br /> <br /> <br />
Répondre
S
<br /> <br /> bonjour nessa tujours autant de serices offerts je te souhaite bonne continuation et emrci popur tes services bisosu bonne soirée<br /> <br /> <br /> pour le net je continue je m'accroche je ne basisse pas les bras on verra bisous<br /> <br /> <br /> <br />
Répondre
R
<br /> MERCI POUR le code bisous et bonne journée**<br /> <br /> <br />
Répondre
@
<br /> <br /> Kikou nessa<br /> <br /> <br /> Merci pour ton passage.<br /> <br /> <br /> Et aussi merci pour le partage de toutes ces astuces. Je retiens pour l'occasion où ...<br /> <br /> <br /> Bisous et bonne soirée<br /> <br /> <br /> @lain **<br /> <br /> <br /> <br />
Répondre
N
<br /> <br /> test<br /> <br /> <br /> <br />
Répondre