Como hacer ventanas pop up para Galerias

martes, septiembre 26, 2006

El siguiente código es para hacer ventanas pop up. (Puede servirles en caso de hacer galerías y deseen de que se abran con este tipo de ventanas).
(No olvides hacer antes una copia de tu plantilla, en Word o en un block de notas, en caso de que algo salga mal, así podras evitar cualquier daño y recuperar tu plantilla original).
Copiar justo debajo de donde esta señalado, para que quede en medio de los heads. (Click para ver más grande la imagen).


Copiar el siguiente código en tu plantilla 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>







onMouseup="clearup()" onClick="return false" onMouseout="clearup()">Up | onMousedown="down()" onMouseup="cleardown()" onClick="return false"
onMouseout="cleardown()">Down
| Top | Bottom

Luego guarda los cambios en la plantilla.

Después cuando estés creando una nueva entrada y luego de que hayas añadido una imagen, vas a Edición en HTML y agregas a la etiqueta <a href : onclick="NewWindow(this.href,'name','400','400','yes');return false"

Tiene que quedar agregado asi:



<a href="http://photos1.blogger.com/blogger/4035/2224/1600/Ignacio%20Warnes.jpg"onclick="NewWindow(this.href,'name','400','400','yes');return false"><img style="CURSOR:hand"alt=""
src="http://photos1.blogger.com/blogger/4035/2224/200/Ignacio%20Warnes.jpg" border="0" /></a>






onMouseup="clearup()" onClick="return false" onMouseout="clearup()">Up | onMousedown="down()" onMouseup="cleardown()" onClick="return false"
onMouseout="cleardown()">Down
| Top | Bottom


Luego das en publicar entrada.

Aqui esta la imagen,en ventana pop up:



Código de ventanas pop up extraído de: Dynamic Drive DHTML Scripts

0 comentarios: