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.

1 Respuesta

Respuesta
1

Bueno aunque dices que si el alert si te envía la información, puedes intentar colocando el script al final de tú html

<script>

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 ;

}

</script>

Si el problema persiste puedes monitorear la consola de google chrome para saber que error te indica https://developer.chrome.com/devtools/docs/console, si tú problema persiste.

también puedes usar este plugin: http://jmar.github.io/jquery-hoverZoom/ 

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas