furoya, gracias por tu colaboracion.
Te cuento que a mi me funciona perfectamente, cuando oprimo el boton ver imagen, se ejecuta la funcion mostrarimagen y se abre una ventana, la cual se puede cerrar con la funcion ocultarImagen.
En estos momentos si coloco una imagen fija en la ventana aparece de forma correcta, lo que quiero es hacer mas dinamica la ventana, pasado el nombre de la imagen desde la funcion, para que sea diferente cada vez que se abre la ventana
Código HTML:
Ver original
<script language="JavaScript">
function mostrarImagen($imagen)
{
var imagen = $imagen;
var ventana = document.getElementById('visualizarfoto'); // Accedemos al contenedor
ventana.style.marginTop = "35px"; // Definimos su posición vertical. La ponemos fija para simplificar el código
ventana.style.marginLeft = ((document.body.clientWidth-550) / 2) + "px"; // Definimos su posición horizontal
ventana.style.display = 'block'; // Y lo hacemos visible
}
function ocultarImagen()
{
var ventana = document.getElementById('visualizarfoto'); // Accedemos al contenedor
ventana.style.display = 'none'; // Y lo hacemos invisible
}
//Ventana modal
<div id="visualizarfoto" style="position: fixed; width: 500px; height: 500px; top: 0; left: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; border: #333333 1px solid; background-color: #FAFAFA; color: #000000; display:none;"> <div style="font-weight: bold; text-align: left; color: #FFFFFF; padding: 5px; background-color:#006394">Imagen
</div>
<div>aqui quiero poner la imagen
</div>
<div style="padding: 10px; text-align: center; margin-top: 4px;"><input id="btnAceptar" onclick="ocultarImagen();" name="btnAceptar" size="20" type="button" value=" Cerrar " />
//Boton para llamar llamar la funcion
<?php
echo '<a href="javascript:mostrarImagen((\''.$imagen.'\');) ;">Ver imagen
</a>';
?>
Gracias
Helena