Comentarios sin revisar del artículo: Mejorando el popup DHTML para mostrar una imagen

4 comentarios sin revisar
24/7/06

Por: gabriel guzman
Me gusto el codigo, pero me da un error cuando lo ejecuto, especificamente en esta linea: xInnerHtml('ventanin','<img src="' + archivo + '" width="' + ancho + '" height="' + alto + '" border="0">')

Me dice que "Se esperaba un objeto"

Que puede ser? lo estoy probando en internet explorer
27/7/06

Por: José Mauricio Morales
Lo que tenes que hacer es descargar las librerias desde el sitio www.cross-browser.com y compilar tu codigo, es una vaina bastante complicada, pero al fina te sale..
01/12/06

Por: byweb
Pues yo me descarge las librerias y todo y a mi esto no me funciona, no sé por que.No se me abre ni la ventana siquiera.
04/2/08

Por: José
Hola, buenas tardes.

Estoy intentando crear una pagina y he encontrado interesante este script, pero una vez descargada la libreria y instalada en la root, sigue sin mostrarme las imagenes en ninguno de los dos navegadores que utilizo.

sabeis si hay algun otro sistema para mostrar las imagenes en la pantalla, en caso afirmativo, cual?, si no donde puedo tener el fallo.
Gracias.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Ventana para carga de una imagen</title>
<script type='text/javascript' src='x/x_core.js'></script>
<script type='text/javascript'>


function muestra_imagen(archivo,ancho,alto){
//xInnerHtml('c1','')
xWidth ('ampliacion',ancho + 6)
xHeight ('ampliacion',alto + 6 + 20 + 18)
xWidth ('c1',ancho)
xHeight ('c1',alto)
xWidth ('cerrarampliacion',ancho)


xInnerHtml('c1','<img src="' + archivo + '" width="' + ancho + '" height="' + alto + '" border="0">')

pos_left = parseInt((xClientWidth()-ancho+3)/2)
pos_top = xScrollTop() + parseInt((xClientHeight()-alto-300)/2)
//if (pos_top>150) pos_top = 150
if (pos_top<10) pos_top=10
xMoveTo('ampliacion',pos_left,pos_top)


setTimeout("xShow('ampliacion')",50)
}

function cerrar_ampliacion(){
xHide('ampliacion');

}

</script>
</head>

<body>

<div id="ampliacion" style="padding:2 2 2 2px; position:absolute; left: 200px; top: 100px; visibility: hidden; border: 1px solid #666666; background-image: url(cargando.gif); background-repeat: no-repeat;">

<div id="cerrararriba" style="font-weight:bold; background-color:#C3CEF5; font-family:arial,verdana; font-size:8pt; line-height:18px; height: 18px; padding-left:5px; text-align:left;">
<a href="javascript:cerrar_ampliacion()" style="color:333333;">[ X ]</a>
</div>

<div id="c1">
</div>

<div id="cerrarampliacion" style="font-weight:bold; background-color:#DBDDCD; font-family:arial,verdana; font-size:8pt; line-height:20px; text-align:right;float:right; height: 20px; padding-right:5px;">
<a href="javascript:cerrar_ampliacion()" style="color:#333333;">Cerrar esta ventana</a>
</div>
</div>

<a href="javascript:muestra_imagen('aurelia.jpg',350,200)">Ver imagen Aurelia</a>
<br>
<br>

<a href="javascript:muestra_imagen('images/basel.jpg',155,80)">Ver imagen Basilea</a>
<br>
<br>

<a href="javascript:muestra_imagen('images/dwlogo-blanco-6.jpg',97,40)">Ver logo de desarrolloweb</a>
<br>
<br>

<a href="javascript:muestra_imagen('images/cabra.jpg',266,250)">Ver una cabrita</a>
<br>
<br>
<a href="javascript:muestra_imagen('images/madridbanco.jpg',252,207)">Imagen de Madrid</a>

</body>
</html>


Alojados en el grupo