onmouseover vis billede

Hej

Jeg har prøvet at lave en kode men den virker ikke når den skal hente data ind koden er som dette:

<span onmouseover="document.getElementById('image').src = '""<%# DataBinder.Eval(Container.DataItem, "DogImageUrl") %>""';"></span>

eller

<span onmouseover="document.getElementById('image').src = '<%# DataBinder.Eval(Container.DataItem, "DogImageUrl") %>';"></span>

Dog vil den godt vise noget i min "Vis Kode" men ikke synligt på siden:

1. <table id="ctl00_KennelEnggaardMain2_DataListImages" cellspacing="0" border="0" style="border-collapse:collapse;">
2.    <tr>
3.        <td>
4.
5. <span onmouseover="document.getElementById('image').src = 'upload_img/emma1.gif';"></span>
6.      </td><td>
7.
8. <span onmouseover="document.getElementById('image').src = 'upload_img/emma2.gif';"></span>
9.      </td><td>
10.
11. <span onmouseover="document.getElementById('image').src = 'upload_img/maggie1.gif';"></span>
12.      </td><td>
13.
14. <span onmouseover="document.getElementById('image').src = 'upload_img/maggie2.gif';"></span>
15.      </td><td>
16.
17. <span onmouseover="document.getElementById('image').src = 'upload_img/maggieogsoffie1.gif';"></span>
18.      </td>
19.    </tr><tr>
20.        <td>
21.
22. <span onmouseover="document.getElementById('image').src = 'upload_img/soffie1.gif';"></span>
23.      </td><td>
24.
25. <span onmouseover="document.getElementById('image').src = 'upload_img/soffie2.gif';"></span>
26.      </td><td></td><td></td><td></td>
27.    </tr>
28. </table>

Hvis jeg bare lavet et alm. billede tag som dette:
<img src="<%# DataBinder.Eval(Container.DataItem, "DogImageUrl") %>" style="width:52px;" id="<%#Container.DataItem("DogName")%>" alt="" />

så virker det fint, men jeg vil jo gerne have det til at virke med det mouseover kan nogle hjælpe idet jeg tror det er noget med ' eller " og ellers få det til at virke med img/span og ikke td tag.