Como abrir una imagen en una ventana pequeña

miércoles, marzo 14, 2007

Al hacer clic en un enlace, sobre todo de imagen, muchas veces esta se abre en otra ventana, pero grande, para lograr que dicha ventana sea chica, además de otras posibilidades tenemos el siguiente script:


Ir a la plantilla y pegar entre los <head>


<script language="javascript">


/*
Auto center window script- Eric King (http://redrival.com/eak/index.shtml)
Permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}


</script>

Guardar los cambios.

Luego ir a: Creación de entradas,(en Edición de HTML),una vez subida la imagen,agregar:


onclick="NewWindow(this.href,'name','400','400','yes');return false"


en el siguiente lugar:


<a href="http://photos1.blogger.com/blogger/4035/2224/1600/sp02-01-1-sa-galeria002-f01-007.jpg" onclick="NewWindow(this.href,'name','400','400','yes');return false"><img style="cursor:pointer; cursor:hand;width: 200px;" src="http://photos1.blogger.com/blogger/4035/2224/1600/sp02-01-1-sa-galeria002-f01-007.jpg" border="0" alt="" /></a>


El valor 400 puede ser cambiado,para escoger otra dimensión de la ventana


Para el tamaño de la imagen, escogi la opción pequeña que da blogger





La siguiente imagen tiene un valor de 250 para la dimensión de la ventana:





Extraido de: Dynamic Drive DHTML Scripts

0 comentarios: