Changer l'image au passage de la souris (rollover)

Pour obtenir cet effet, copiez-collez le code ci-dessous dans un message en mode HTML ou dans une de vos pages HTML (Page d'accueil, pages des archives etc...)

<center>
<div id="test2" onclick="Javascript:window.open('http://adresse image 1.jpg')" onmouseout="this.style.backgroundImage='url(http://adresse image 1.jpg)'" onmouseover="this.style.backgroundImage='url(http://adresse image 2.jpg)'" style="background-image: url('http://adresse image 1.jpg'); background-size: 560px 400px; width: 560px; height: 400px;"></div>
</center>

Mettez l'adresse de votre image du premier plan à la place de http://Adresse image 1.jpg aux 3 endroits prévus, puis collez l'adresse de l'image qui apparaitra au passage de la souris en la place de  l'aute image à la place de http://Adresse image 2.jpg

Ajustez les dimensions du 'background, le width et le height en fonction de la taille de vos photos ou images.

   Faire très attention aux " et aux ' dans les codes ci-dessus, sinon rien ne fonctionne  

Exemples

Dernière modification le 17 janvier 2014

---