Combinar php y javascript
Yo quiero que al presioar sobre una foto chica me la muestre en grande, El nombre de la imagen la saco de un variable de php porque la saca de una base sql lo saca bien.
El error que me da es: frm. Marco is undefined
En un archivo externo .js tengo el siguiente código
function ImagenDentro(frm, imagen)
{
// obtenemos el formulario
alert("Dentro de la función ImagenDentro !");
alert(imagen); var ruta;
ruta= '../img/materiales/';
ruta= ruta+imagen;
alert(ruta);
frm.Marco.src = ruta ;
}
Y el código del archivo php es este
<table id='fotos' width='600px' border='0' cellspacing='0' valign='top' align='center>' cellpadding='0'>
<form name='frmImagenes'>
<tr>
<td width='100%' height='10px'> </td>
</tr>
<tr>
<td id='Foto Grande' colspan='2' align='center'><img name='Marco'
src='../img/materiales/<?=$rs->fields['imagen1'];?>' border='0' width='400px'>
</td>
</tr>
<tr>
<td id='Fotos chicas' colspan='2' class='FondoFotos' width='400px'align='center'> <img name='imagen1' src='../img/materiales/<?=$rs->fields['imagen1'];?>' border='0' width='120' OnClick='ImagenDentro("This","<?=$rs->fields['imagen1'];?>"); '> <img name='Imagen2' src='../img/materiales/<?=$rs->fields['imagen2'];?>' border='0' width='120' OnClick='ImagenDentro("This","<?=$rs->fields['imagen2'];?>"); '> <img name='Imagen3' src='../img/materiales/<?=$rs->fields['imagen3'];?>' border='0' width='120' OnClick='ImagenDentro("This","<?=$rs->fields['imagen3'];?>"); '> </td>
</tr>
<tr>
<td colspan ='2' height='10px'>
<td>
</tr>
</form>
</table>
Con los alerts me doy cuenta que el nombre de la foto a mostrar como la ruta donde se encuentra la imagen están bien. El tema esta cuando un de las imágenes chicas debe ser mostrada en la foto grande cuyo img name es Marco.