Bonjour � tous,
Dans ma page web, j'ai des images qui s'affichent utilisant la librairie CORNER.JS pour mettre un effet d'ombres et d'arrondi.

J'affiche une premi�re image (image par d�faut) et en dessous le reste d'images en plus petites. l'image par d�faut est 3 fois plus grande que les petites.

Je cherche � faire en sorte que lorsque l'utilisateur passe sa souris sur une petite image, celle ci s'affiche a la place de la grande par d�faut. si il quitte, l'image par d�faut reprend sa place.

Ce qui fonctionne :

Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
<img src="image-def.png" name="ImgDef"/>
<img src="image-1-petite.png" onmouseover="document.ImgDef.src='image-1.png'" onmouseout="document.ImgDef.src="'image-def.png'"
Mais j'aimerais que l'image du onmouseover et onmouseout prenne en compte le code JS de CORNER afin d'obtenir les effets sur l'image car corner.js remplace la balise img par une balise canvas et cela plante le onmouseover du coup.

Je suis pas un grand expert en programmation JS, est ce possible de r�aliser ceci ?

merci d'avance.