Hola iaaqov,
Hay un par de errores que cometes, el primero es tener varias etiquetas img con el mismo id='MyImage', el id por definición tiene que ser único, no se puede repertir, lo mejor sería que urilizases id="MyImage<?=$row['id']?>" De todas formas no es necesario complicarse tanto la vida, si pones los eventos en la etiqueta img:
Código PHP
<img src="<?=$mini?>" onmouseover="this.src='<?=$miniro?>'" onmouseout="this.src='<?=$mini?>'" border="0" />
aunque lo mejor sería que realizaces la consulta en el head donde creases tres arrays uno php para poder dibujar en el body las imagenes (sin necesidad de otra consulta) y dos javascript que nos servirán para hacer caché de las imágenes:
Código PHP
<script type="text/javascript">
var mini=new Array();
var miniro=new Array();
<?php
$consulta = mysql_query("SELECT * FROM mesas WHERE grupo='royal' AND active=1");
$imagenes=array();
$i=0;
while($row=mysql_fetch_assoc($consulta)){
$imagenes[]=$row;
echo 'mini['+$i+']=new Image()\n';
echo 'mini['+$i+'].src=\''.$row['mini'].'\'\n';
echo 'miniro['+$i+']=new Image()\n';
echo 'miniro['+$i+'].src=\''.str_replace(".jpg","_ro.jpg",$row['mini']).'\'\n';
++$i;
}
?>
</script>
luego en el body:
Código PHP
<?php for($i=0,$num=count($imagenes);$i<$num;++$i): ?>
<div style='padding-top:5px;padding-left:10px;float:left;' align='center'><div>
<a href="<?=$imagenes[$i]['src']?>" title2="<?=$imagenes[$i]['titulo']?>" name="<?=$imagenes[$i]['titulo']?>" rel="lytebox">
<img src='<?=$imagenes[$i]['mini']?>' " onmouseover="this.src=miniro[<?=$i?>].src" onmouseout="this.src=mini[<?=$i?>].src" name='MyImage' height='181' border='0' /></a>
</div></div>
<? endfor; ?>
Un saludo
http://krowork.blogspot.com
