Problème affichage onmouseover, onmouseout Javascript

Fermé
bip - 15 mars 2013 à 12:08
Bonjour,
Je souhaite afficher 2 images différentes lors du sorvol de la souris.
Le code fonctionne correctement lorsque j'entre un lien manuellement
EXEMPLE:
var liHtml = "<table border='0'><tr><td><a href="+lien+" onmouseover=document.photo.src='http://...../image/abc.jpg' onmouseout=document.photo2.src='http://...../image/def.jpg'>
<img name='photo' src="+image+" alt='"+$(this).attr("ows_Title")+"' style=border: 0px none; title='"+$(this).attr("ows_Title")+"' id='photo2'></a></td></tr></table>";
Le problème se créer lorsque je met une variable à la place des liens (sachant que les autres liens fonctionnent correctement).
Voici:
var liHtml = "<table border='0'><tr><td><a href="+lien+" onmouseover=document.photo.src="+image+" onmouseout=document.photo2.src="+image2+">
<img name='photo' src="+image+" alt='"+$(this).attr("ows_Title")+"' style=border: 0px none; title='"+$(this).attr("ows_Title")+"' id='photo2'></a></td></tr></table>";
J'ai essayé de "bidouiller" un peu avec les " " ou les ' ' mais impossible d'avoir un effet.
Merci pour votre help :)