empujon con duda en codigo por favor

[Mcruzmx]

hola, pues estoy haciendo una pagina con php para jalar cierta información y pues tengo 5 fotos, las 5 fotos son como "thumbails" y hay una foto grande, lo que quiero hacer es que cuando pase el mouse por encima de un "thumail" (foto chikita) se vea esa misma foto en grande, según yo ya tengo el codigo, pero solo cambia 1 sola vez, y ya deja de funcionar, no se si me faltará algo o si estoy haciendo algo mal, gracias por su ayuda.

Código:

<img id="imgprincipal" src="<? echo $row[5]; ?>" alt="<? echo $row[2]; ?>" onerror="this.src='images/item-pic300.jpg'" width="300" height="301" />
<script language="javascript">
        	function showimg(url){
				document.getElementById('imgprincipal').src='url';
        	}
        </script>
        <p align="center">
        <img onmouseover="javascript:showimg('<? echo $row[5]; ?>')" src="<? echo $row[5]; ?>" onerror="this.src='images/item-pic50.jpg'" width="50" height="50" />
        <img onmouseover="javascript:showimg('<? echo $row[5]; ?>')" src="<? echo $row[6]; ?>" onerror="this.src='images/item-pic50.jpg'" width="50" height="50" />
        <img onmouseover="javascript:showimg('<? echo $row[5]; ?>')" src="<? echo $row[7]; ?>" onerror="this.src='images/item-pic50.jpg'" width="50" height="50" />
        <img onmouseover="javascript:showimg('<? echo $row[5]; ?>')" src="<? echo $row[8]; ?>" onerror="this.src='images/item-pic50.jpg'" width="50" height="50" />
        <img onmouseover="javascript:showimg('<? echo $row[5]; ?>')" src="<? echo $row[9]; ?>" onerror="this.src='images/item-pic50.jpg'" width="50" height="50" />
        </p>

[David]

¿A qué te refieres con que "deja de funcionar"? Ya que si quieres que vuelva a la imagen pequeña al salir el mouse debes usar el evento onmouseout.

[Mcruzmx]

ya funciona :) gracias por la ayuda asi quedo:

Código:

<div class="photo"><img id="imgprincipal" src="<? echo $row[5]; ?>" alt="<? echo $row[2]; ?>" onerror="this.src='images/item-pic300.jpg'" width="300" height="301" />
        <br>
        <script language="javascript">
        	function showimg(showimgurl){
				document.getElementById('imgprincipal').src=showimgurl;
        	}
        	function restoreimg(){
				document.getElementById('imgprincipal').src='<? echo $row[5]; ?>';
        	}
        </script>
        <p align="center">
        <img style="cursor: pointer; cursor: hand;" onmouseover="javascript:showimg('<? echo $row[5]; ?>')" onmouseout="javascript:restoreimg()" src="<? echo $row[5]; ?>" onerror="this.src='images/item-pic50.jpg'" width="50" height="50" />
        <img style="cursor: pointer; cursor: hand;" onmouseover="javascript:showimg('<? echo $row[6]; ?>')" onmouseout="javascript:restoreimg()" src="<? echo $row[6]; ?>" onerror="this.src='images/item-pic50.jpg'" width="50" height="50" />
        <img style="cursor: pointer; cursor: hand;" onmouseover="javascript:showimg('<? echo $row[7]; ?>')" onmouseout="javascript:restoreimg()" src="<? echo $row[7]; ?>" onerror="this.src='images/item-pic50.jpg'" width="50" height="50" />
        <img style="cursor: pointer; cursor: hand;" onmouseover="javascript:showimg('<? echo $row[8]; ?>')" onmouseout="javascript:restoreimg()" src="<? echo $row[8]; ?>" onerror="this.src='images/item-pic50.jpg'" width="50" height="50" />
        <img style="cursor: pointer; cursor: hand;" onmouseover="javascript:showimg('<? echo $row[9]; ?>')" onmouseout="javascript:restoreimg()" src="<? echo $row[9]; ?>" onerror="this.src='images/item-pic50.jpg'" width="50" height="50" />
        </p>