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