RollOver con cambio de imagenes

[Megcapkill]

Hola! Que tal? Bueno escribo esto porque mi idea era la de hacer un rollOver sencillo (muuy sencillo) a base de cambio de imagenes para imitar un boton flash que tenia. Ahora la pregunta es la siguiente.. yo encontre esto en la web

<script type="javascript"
RollOverImg = new Image()
RollOverImg.src = "img1.png"
</script>

Luego al boton darle en el href

onMouseOver="RollOverImg.src = "img2.png"
onMouseOut="RollOverImg.src = "img1.png"

Bien.. eso seria un pseudocodigo de la idea de lo que quiero hacer (y si fuese asi anda xD)

Ahora.. yo tengo una tabla en MySQL que tiene almacenadas las rutas de las imagenes estas (img1.png e img2.png en este caso)

Me gustaria saber si se puede hacer algo como

onMouseOver="RollOverImg.src = "<?php echo $ruta2; ?>"
onMouseOut="RollOverImg.src = "<?php echo $ruta1; ?>"

Lo intente.. pero no se como hacer para definir la primera ruta que esta en el head dentro de las tags <script></script>

Espero se haya entendido y desde ya muchisimas gracias a todos!