Hola, tengo un scrip en php que genera una página html:
Bien, pues hace una tabla donde cada celda represanta una foto, si hay una foto esa celda se pone en verde mas clarito y si pasas el raton por encima se carga la imagen, el problema es que en firefox no m va pero en IE funciona perfectamente, le estado dando vuelta y no se porque en firefox no hace nada, a ver si alguien me puede ayudar diciendome donde está el error, os dejo el código por separado de la cuadricula y el JS:
JS QUE CAMBIA LA FOTO Y EL COLOR DE LA CELDA:
Código HTML:
<script language="JavaScript" type="text/javascript">
function cambiar_color_over_gal(celda,color,objeto,imagen){
document.getElementById(celda).style.backgroundColor=color;
/*alert('Imagen cargada: '+imagen);*/
elemento_imagen = new Image(286,160);
document.getElementById(objeto).src = "admin/subidas/fotos/imagenes/extra/"+imagen;
/*alert('Imagen cargada: '+elemento_imagen);*/
}
function cambiar_color_out_gal(celda,color){
document.getElementById(celda).style.backgroundColor=color;
}
</script> HTML DE LA CELDA QUE LLAMA AL JS:
Código HTML:
<!-- MENU FOTOS -->
<table width="0" border="0" cellspacing="0" cellpadding="0" class="tablaMenuGaleria">
<tr>
<td id="celdaGal_1" class="celdasMenuGaleriaExiste" height="16" width="17" onMouseOver="cambiar_color_over_gal('celdaGal_1','#FFFFFF','foto1','banner.jpg')" onMouseOut="cambiar_color_out_gal('celdaGal_1','#CCE476')"> </td>
<td id="celdaGal_2" class="celdasMenuGaleriaExiste" height="16" width="17" onMouseOver="cambiar_color_over_gal('celdaGal_2','#FFFFFF','foto1','churumbel(1).jp')" onMouseOut="cambiar_color_out_gal('celdaGal_2','#CCE476')"> </td>
<td id="celdaGal_3" class="celdasMenuGaleria" height="16" width="17" > </td>
<td id="celdaGal_4" class="celdasMenuGaleriaExiste" height="16" width="17" onMouseOver="cambiar_color_over_gal('celdaGal_4','#FFFFFF','foto1','sin_título-1.jpg')" onMouseOut="cambiar_color_out_gal('celdaGal_4','#CCE476')"> </td>
<td id="celdaGal_5" class="celdasMenuGaleriaExiste" height="16" width="17" onMouseOver="cambiar_color_over_gal('celdaGal_5','#FFFFFF','foto1','banner.jpg')" onMouseOut="cambiar_color_out_gal('celdaGal_5','#CCE476')"> </td>
</tr>
<tr>
<td id="celdaGal_6" class="celdasMenuGaleriaExiste" height="16" width="17" onMouseOver="cambiar_color_over_gal('celdaGal_6','#FFFFFF','foto1','churumbel(2).jpg')" onMouseOut="cambiar_color_out_gal('celdaGal_6','#CCE476')"> </td>
<td id="celdaGal_7" class="celdasMenuGaleriaExiste" height="16" width="17" onMouseOver="cambiar_color_over_gal('celdaGal_7','#FFFFFF','foto1','banner.jpg')" onMouseOut="cambiar_color_out_gal('celdaGal_7','#CCE476')"> </td>
<td id="celdaGal_8" class="celdasMenuGaleria" height="16" width="17" > </td>
<td id="celdaGal_9" class="celdasMenuGaleria" height="16" width="17" > </td>
<td class="celdasMenuGaleria" height="16" width="17"> </td>
</tr>
<tr>
<td class="celdasMenuGaleria" height="16" width="17"> </td>
<td class="celdasMenuGaleria" height="16" width="17"> </td>
<td class="celdasMenuGaleria" height="16" width="17"> </td>
<td class="celdasMenuGaleria" height="16" width="17"> </td>
<td class="celdasMenuGaleria" height="16" width="17"> </td>
</tr>
<tr>
<td class="celdasMenuGaleria" height="16" width="17"> </td>
<td class="celdasMenuGaleria" height="16" width="17"> </td>
<td class="celdasMenuGaleria" height="16" width="17"> </td>
<td class="celdasMenuGaleria" height="16" width="17"> </td>
<td class="celdasMenuGaleria" height="16" width="17"> </td>
</tr>
</table> <!-- FIN MENU FOTOS -->