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


C'est bien mais je crois que j'aurais de la difficulté,si je l,essaie,je te le dirai nessa.


À bientôt.



Répondre
B


je te souhaite une très bonne année 2011


Bien à toi !


http://artistesreunis.wmaker.tv/Meilleurs-voeux_v54.html



Répondre
L


bonjour Nessa la pro en astuces en tous genres !!
le rendu ça donne quoi ??
il faudrait que je fasse un essai
je repasserai - là je vais au marché   LOL
bisous et merci    Lady marianne 



Répondre
M


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
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



Répondre
E


Bonjour





Répondre
M


Bonjour Nassa


Que de bonnes astuces Nessa chez toi ! tu es trop forte pour nous !


Bonne journée et gros bisous Marishka



Répondre
P


Bonjour Nessa


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.





 



Répondre
D


La ritournelle des mots!!!






Mots par ci, mots par là
C'est ma douce ritournelle
Pour te souhaiter un très bon week-end
Sous la pluie ou le soleil
Quelle importance
Du moment qu'il soit doux!!!
Bisous
Domi.


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
outil qu'il soit ménager ou autre!!!


Mais je m'informe quand même, tu as des dons pédagogiques je trouve!!!















Répondre
N


Je crois bien que j'ai compris mais je reviendrai ce soir prendre des notes pour m'en souvenir...


Bisous Nessa



Répondre
*


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 ?


bisouilles



Répondre
T


un petit régale pour moi je vous remercie de ces astuces


en ce Jeudi un peu pluvieux je passe vous dire BONJOUR  et vous
souhaite une très bonne journée



Répondre
B


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






Répondre
V


coucou


il faut que je teste chez moi mais en ce moment le temps me manque


merci


bisous



Répondre
T


salut


bonne journée


chez nous on va avoir un week end pourri car il pleut


 



Répondre
:


c'est bien pratique cette astuce... est-ce ton Loulou qui s'éclate dans la piscine ?


bises



Répondre
J


merci pour ces trucs


bisous



Répondre
N


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.


Un gros merci et à bientôt.


Oui,j'ai mis le temps sur mon blog.merci encore.


À bientôt.



Répondre
H


Bonsoir Nessa comment vas-tu ?


Nous sommes sous l'orage, il nous annonce l'automne.


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
celui d'OB ne fonctionnent pas bien,  les personnes qui y venaient s'éclipsent chacune leur tour.


En tout cas tu continues ton envolée magnifique, bravo.


bisou






Répondre
J


Je savais même pas ce qu'était un roll over... pas mal...


Je découvre ta radio zen, je branche le casque...


Bonne soirée Nessa



Répondre
M


C'est un TRUC SUPER que tu nous montres Nessa .


Je l'ai mis "de côté" en attendant de l'essayer .


Merci .






Répondre
M


Un gros coucou du soir pour toi!



Répondre
C


je n'ai que le premier soleil qui change quand je passe dessus et devient jaune..


le reste rien de spécial ça reste pareil..
normal ?


bisous


j'attends le prochain article :)


bisous


christelle



Répondre
E


Bonsoir  Nessa l'orage est la, je me dépeche avant de fermer 




Répondre
S


bonjour nessa tujours autant de serices offerts je te souhaite bonne continuation et emrci popur tes services bisosu bonne soirée


pour le net je continue je m'accroche je ne basisse pas les bras on verra bisous



Répondre
R

MERCI POUR le code bisous et bonne journée**


Répondre
@


Kikou nessa


Merci pour ton passage.


Et aussi merci pour le partage de toutes ces astuces. Je retiens pour l'occasion où ...


Bisous et bonne soirée


@lain **



Répondre
N


test



Répondre