Este el codigo
Código :
<!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_core.js'></script>
<script type='text/javascript'>
function cerrar_ampliacion(){
xHide('ampliacion');
}
function situar(){
if (pos_left_actual < pos_left){
pos_left_actual += 20
xMoveTo('ampliacion', pos_left_actual,pos_top);
setTimeout ('situar()',10)
}
}
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_left_actual=-ancho
if (xClientHeight() < alto){
pos_top = xScrollTop() + 10;
}else{
pos_top = xScrollTop() + parseInt((xClientHeight() - alto - 20) / 2)
}
xMoveTo('ampliacion',pos_left_actual,pos_top)
situar()
xShow('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(images/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('images/ancares.jpg',155,80)">Ver imagen Ancares</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> 
