Bien voy a hacer un resumen para el que tenga el mismo problema y además de que no e realizado bien la pregunta, gracias por vuestras respuesta pero estoy echo un lio y lo entiendo mejor asi:
JS ( cambia el src de la imagen kon id=foto1 ):
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/promociones/imagenes/extra/"+imagen;
/*alert('Imagen cargada: '+elemento_imagen);*/
}
function cambiar_color_out_gal(celda,color){
document.getElementById(celda).style.backgroundColor=color;
}
</script>
IMG que tiene el id=foto1, este se verá afectado por lo cambios del JS: (como veis está en una celda)
Código HTML:
<td height="100%" colspan="2" valign="top" class="celdaFoto"><img name="foto1" id="fotol" src="admin/subidas/promociones/imagenes/x-click-but01.gif" width="286" height="228" /></td>
CELDAS que al pasar el raton mandan variables a la función del JS para que:
1- cambien el colo de su misma celda.
2- cambien el src del elemento foto1 del documento html.
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 -->
Problema: En IE funciona y en Firefox No:
Resultado: :__( toy jodido :( ayuda pleese amejoras mi código, me inxao a poner bien comillas usar otras propiedades ect... y nada, el código que me has dao compi no lo entiendo tio :(