i want to use onmouseover so that it replaces preview picture with thumbnail picture when mouse is on it..
below code works fine on firefox and IE but not working on chrome..
here is the link where it is applied samdesign.comli.com/gallery.html

    <div class=gallery align=center>

<h1>Photo Gallery</h1><br/>



<div class=thumbnails>

    <img onMouseOver=preview.src=img1.src id=img1 src=images/Salman_Siddiqui.jpg alt=Image Not Loaded/>

    <img onMouseOver=preview.src=img2.src id=img2 src=images/slide6.jpg alt=Image Not Loaded/>

    <img onmouseover=preview.src=img3.src id=img3 src=images/slide1.jpg alt=Image Not Loaded/>

    <img onmouseover=preview.src=img4.src id=img4 src=images/slide2.jpg alt=Image Not Loaded/>

    <img onmouseover=preview.src=img5.src id=img5 src=images/slide3.jpg alt=Image Not Loaded/>

    <img onmouseover=preview.src=img6.src id=img6 src=images/slide4.jpg alt=Image Not Loaded/>

    <img onmouseover=preview.src=img7.src id=img7 src=images/slide5.jpg alt=Image Not Loaded/>

    <img onmouseover=preview.src=img8.src id=img8 src=images/slide7.jpg alt=Image Not Loaded/>

</div><br/>



<div class=preview align=center>

    <img id=preview src=images/Salman_Siddiqui.jpg alt=No Image Loaded/>

</div>



<br/>



</div>