Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje24-08-2011, 20:44 (UTC)    
Título del mensaje: Ventana flotante sin cargar otra página

Con este sencillo script podrás abrir un "popup" sin necesidad de cargar otra página, dismuyendo 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.

Para ello necesitarás copiar el siguiente código:



Código:
<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).


Código:
<a href="#" onclick="abreFoto('directorio/nombre.jpg');return false">


y eso es todo un saludo amigos
______________
SnaKe



Ultima edición por codigossolocodigos el Mie Nov 21, 2012 4:48 pm; editado 2 veces
Mensaje24-08-2011, 21:51 (UTC)    
Título del mensaje: Re: ventana flotante sin cargar otra página

Estaria Bueno Tambien que dejaras una Vista Previa ,. Saludos
______________
Es una reina, es una reina, fiesta fiesta. Tito el bambino
Mensaje01-02-2012, 15:38 (UTC)    
Título del mensaje:

Este tema ha sido promovido, ya que cumple las características para ello.

Información sobre promoción de temas a zonas dedicadas:
http://www.paginawebgratis.es/forum/viewtopic.php?t=66177
(Los diseños o artículos, serán movidos a la zona de selección, si el moderador así lo considera)

saludes,
Team-Soporte.
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group