Blog para webmasters con codigos, recursos para hacer paginas web, articulos para webmasters
Archivo de secciones


Extremaweb
Blog inicio
Blog webmaster
Foros


Recomendamos:
Calendario web
Publicar videos
Videos en blog
Como hacer un blog
Tener una web
rss en tu web
Noticias en tu web
Diseño merida
Cute news
Pinceles Photoshop

 

Afiliados Vip

Foros de informatica
Guia empresas
L-Java
Top motero
Java para Torpes
Programacion php
Publicidad en internet
Webmaster libre
Unijimpe
Carlos Blanco
Dominios, Dominios y
ProWeblogs

Intercambios a extremaweb[at]gmail.com

 

Abrir ventana flotante sin cargar otra página
Foros webmasters, informatica creacion de paginas web

Noticias de diseño web y programcion recursos webmaster
Con este sencillo script podrás abrir un "popup" sin necesidad de cargar otra página, dismuyendo así el tiempo de espera. Además, con la versión que te presentamos aquí, podrás cargar en él la foto que desees y cuando esta se haya cargado, el popup adaptará automáticamente su tamaño con las medidas de la imagen.

Abrir ventana flotante sin cargar otra página

Para ello necesitarás copiar el siguiente código entre las etiquetas <head> y </head> de tu página.

< script language="JavaScript">
<!--
function abreFoto(ruta)
{
   i1 = new Image;
   i1.src = ruta;
   html = '<html><head><title>Imagen</title></head>';
   html += '<body leftmargin=0 marginwidth=0 topmargin=0 marginheight=0>';
   html += '<center><img src="'+ruta+'" border=0 name="Foto" ';
   html += 'onLoad="window.resizeTo(document.Foto.width,document.Foto.height)">';
   html += '</center></body></html>';
   popupImage = window.open('','_blank','scrollbars=0,resizable=1');
   popupImage.document.open();
   popupImage.document.write(html);
   popupImage.document.close();
}
// -->
< /script>
Después, utiliza el siguiente enlace para cada una de tus fotos, indicando su ruta (absoluta o relativa).

<a href="#" o­nclick="abreFoto('directorio/nombre.jpg');return false">


Escrito por admin, el Domingo, 23 de Octubre 2005


Regreso
Print this Page

::: Comenta éste artículo en nuestro foro webmasters :::