Foros del Web » Creando para Internet » HTML »

pop-up al tamaño de la imagen

Estas en el tema de pop-up al tamaño de la imagen en el foro de HTML en Foros del Web. Tengo varias páginas con thumbails (imágenes en miniatura) ¿Cómo puedo abrir cada imágen en un pop-up que se adapte AUTOMÁTICAMENTE al tamaño de la imagen? ...
  #1 (permalink)  
Antiguo 02/06/2002, 12:44
Avatar de oops1  
Fecha de Ingreso: marzo-2002
Mensajes: 40
Antigüedad: 15 años, 8 meses
Puntos: 0
pop-up al tamaño de la imagen

Tengo varias páginas con thumbails (imágenes en miniatura) ¿Cómo puedo abrir cada imágen en un pop-up que se adapte AUTOMÁTICAMENTE al tamaño de la imagen? He estado buscando en los foros y solo encuentro la manera de hacerlo manualmente una a una. Gracias y saludos
Jesús
  #2 (permalink)  
Antiguo 02/06/2002, 16:40
Avatar de Sergio2112  
Fecha de Ingreso: enero-2002
Ubicación: Santiago de Chile
Mensajes: 313
Antigüedad: 15 años, 11 meses
Puntos: 0
Re: pop-up al tamaño de la imagen

Prueba con esto:


<!-- TWO STEPS TO INSTALL AUTO-RESIZABLE-POP-UP:

1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function CaricaFoto(img){
foto1= new Image();
foto1.src=(img);
Controlla(img);
}
function Controlla(img){
if((foto1.width!=0)&&(foto1.height!=0)){
viewFoto(img);
}
else{
funzione="Controlla('"+img+"')&quot ;;
intervallo=setTimeout(funzione,20);
}
}
function viewFoto(img){
largh=foto1.width+20;
altez=foto1.height+20;
stringa="width="+largh+",height=&qu ot;+altez;
finestra=window.open(img,"",stringa);
}
// End -->
</script>

</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document -->

<BODY>

<div align="center">
<TABLE BORDER="1" cellspacing=3>
<TR>
<TD align=left>
<A HREF="javascript:CaricaFoto('/img/auto-resizable-pop-up/lg-1.gif')" BORDER="0">
<IMG SRC="/img/auto-resizable-pop-up/1.gif" BORDER="0"></A>
</TD>
<TD align=center>
<A HREF="javascript:CaricaFoto('/img/auto-resizable-pop-up/lg-2.gif')" BORDER="0">
<IMG SRC="/img/auto-resizable-pop-up/2.gif" BORDER="0"></A>
</TD>
<TD align=right>
<A HREF="javascript:CaricaFoto('/img/auto-resizable-pop-up/lg-4.gif')" BORDER="0">
<IMG SRC="/img/auto-resizable-pop-up/4.gif" BORDER="0"></A>
</TD>
</TR><TR>
<TD colspan=3>
<DIV ALIGN="CENTER">Click para ver la imagen al tamaño real</DIV>
</TD>
</TR>
</TABLE>
</div>


<CENTER>
<IMG SRC="http://www.galeon.com/chileanskies/bannerdm.gif"></CENTER>
  #3 (permalink)  
Antiguo 02/06/2002, 18:04
Avatar de oops1  
Fecha de Ingreso: marzo-2002
Mensajes: 40
Antigüedad: 15 años, 8 meses
Puntos: 0
Re: pop-up al tamaño de la imagen

Gracias por tu respuesta Sergio2112, pero sigo sin poder hacerlo. Tal vez haga algo mal. Por si sirve de algo dejo mi código html:
&lt;html&gt;

&lt;head&gt;
&lt;title&gt;_____LA CONTRAPORTADA_____Especialistas Secundarios_____&lt;/title&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;&gt;
&lt;meta http-equiv=&quot;author&quot; content=&quot;Team-especialistas&quot;&gt;
&lt;meta name=&quot;KEYWORDS&quot;
content=&quot;Humor,Entrevistas,Noticias,Titulares ,Música,Cine,Deportes,Literatura,Actualidad,Natura leza,Internet,Futurología,Meteorología&quot;&gt;
&lt;meta name=&quot;description&quot;
content=&quot;Sin duda la mejor página de humor, la curación de tu stress, el escape a al calvario de tu jefe y todo de la mano de Especialistas Secundarios... FÁCIL!&quot;&gt;
&lt;script LANGUAGE=&quot;JavaScript&quot;&gt;
function ChangeUrl(formulaire)
{
if (formulaire.ListeUrl.selectedIndex != 0)
{
location.href = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
}
else
{
alert('Tienes que elegir un destino.');
}
}
&lt;/script&gt;
&lt;/head&gt;

&lt;body style=&quot;scrollbar-Base-Color:#37BDFF&quot; vlink=&quot;#34BDFF&quot; alink=&quot;#5090FF&quot;&gt;
&lt;div align=&quot;center&quot;&gt;&lt;center&gt;

&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;760&quot; height=&quot;0%&quot;&gt;
&lt;tr&gt;
&lt;td width=&quot;117&quot; bgcolor=&quot;#34BDFF&quot;&gt;&lt;img src=&quot;imagen/izq.jpg&quot; width=&quot;14&quot; height=&quot;14&quot;
alt=&quot;izq.jpg (1116 bytes)&quot;&gt;&lt;/td&gt;
&lt;td width=&quot;526&quot; bgcolor=&quot;#34BDFF&quot;&gt;&lt;/td&gt;
&lt;td width=&quot;117&quot; bgcolor=&quot;#34BDFF&quot;&gt;&lt;p align=&quot;right&quot;&gt;&lt;img src=&quot;imagen/derech.JPG&quot; width=&quot;14&quot;
height=&quot;14&quot; alt=&quot;derech.JPG (1120 bytes)&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td width=&quot;740&quot; colspan=&quot;3&quot; bgcolor=&quot;#37BDFF&quot; height=&quot;40&quot;&gt;&lt;p align=&quot;center&quot;&gt;&lt;img
src=&quot;imagen/image004.gif&quot; width=&quot;353&quot; height=&quot;67&quot; alt=&quot;image004.gif (5460 bytes)&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan=&quot;3&quot; width=&quot;617&quot; background=&quot;imagen/deg.jpg&quot; height=&quot;26&quot;&gt;&lt;p align=&quot;right&quot;&gt;&lt;em&gt;&lt;font
face=&quot;Hobo&quot; color=&quot;#BFEBFF&quot;&gt;Especialistas Secundarios&lt;/font&gt;&lt;/em&gt;&lt;/td&gt;
&lt;/tr&gt;


Sigue...
  #4 (permalink)  
Antiguo 02/06/2002, 18:06
Avatar de oops1  
Fecha de Ingreso: marzo-2002
Mensajes: 40
Antigüedad: 15 años, 8 meses
Puntos: 0
Re: pop-up al tamaño de la imagen

&lt;tr&gt;
&lt;td width=&quot;132&quot; bgcolor=&quot;#0000FF&quot;&gt;&lt;/td&gt;
&lt;td colspan=&quot;2&quot; width=&quot;614&quot; bgcolor=&quot;#FFFFFF&quot;&gt;&lt;img src=&quot;imagen/infizq.jpg&quot; width=&quot;19&quot;
height=&quot;19&quot; alt=&quot;infizq.jpg (1247 bytes)&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td width=&quot;132&quot; height=&quot;3&quot; bgcolor=&quot;#34BDFF&quot;&gt;&lt;/td&gt;
&lt;td colspan=&quot;2&quot; width=&quot;614&quot; bgcolor=&quot;#FFFFFF&quot; rowspan=&quot;4&quot;&gt;&lt;font face=&quot;Arial Narrow&quot;
size=&quot;2&quot;&gt;&lt;font color=&quot;#37BDFF&quot;&gt;&lt;form&gt;
&lt;div align=&quot;center&quot;&gt;&lt;center&gt;&lt;p&gt ;&lt;select NAME=&quot;ListeUrl&quot; SIZE=&quot;1&quot;
onChange=&quot;ChangeUrl(this.form)&quot;&gt;
&lt;option SELECTED VALUE&gt;-Más fotos- &lt;/option&gt;
&lt;option VALUE=&quot;http://usuarios.lycos.es/especialistas/humor.html&quot;&gt;HUMOR &lt;/option&gt;
&lt;option VALUE=&quot;http://usuarios.lycos.es/especialistas/humor2.html&quot;&gt;HUMOR 2 &lt;/option&gt;
&lt;option VALUE=&quot;http://usuarios.lycos.es/especialistas/humor3.html&quot;&gt;HUMOR 3 &lt;/option&gt;
&lt;option VALUE=&quot;http://usuarios.lycos.es/especialistas/humor4.html&quot;&gt;HUMOR 4 &lt;/option&gt;
&lt;option VALUE=&quot;http://usuarios.lycos.es/especialistas/humor5.html&quot;&gt;HUMOR 5 &lt;/option&gt;
&lt;option VALUE=&quot;http://usuarios.lycos.es/especialistas/humor6.html&quot;&gt;HUMOR 6 &lt;/option&gt;
&lt;option VALUE=&quot;http://usuarios.lycos.es/especialistas/humor7.html&quot;&gt;HUMOR 7 &lt;/option&gt;
&lt;option VALUE=&quot;http://usuarios.lycos.es/especialistas/humor8.html&quot;&gt;HUMOR 8 &lt;/option&gt;
&lt;option VALUE=&quot;http://usuarios.lycos.es/especialistas/humor9.html&quot;&gt;HUMOR 9 &lt;/option&gt;
&lt;/select&gt; &lt;/font&gt;&lt;/p&gt;
&lt;/center&gt;&lt;/div&gt;
&lt;/form&gt;
&lt;font color=&quot;#000000&quot;&gt;&lt;div align=&quot;center&quot;&gt;&lt;center&gt;&lt;tabl e border=&quot;0&quot; cellpadding=&quot;0&quot;
cellspacing=&quot;0&quot;&gt;
&lt;tr&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td ALIGN=&quot;CENTER&quot;&gt;&lt;table&gt;
&lt;tr&gt;
&lt;td ALIGN=&quot;CENTER&quot; VALIGN=&quot;BOTTOM&quot;&gt;&lt;font face=&quot;Verdana, Arial, Helvetica, Sans-Serif&quot;
size=&quot;-2&quot;&gt;&lt;a HREF=&quot;humor/139.jpg&quot;&gt;&lt;img SRC=&quot;humor/TN_139.JPG&quot; ALT=&quot;139.jpg&quot; width=&quot;73&quot;
height=&quot;96&quot;&gt;&lt;br&gt;
139.jpg&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;
Sigue...
  #5 (permalink)  
Antiguo 02/06/2002, 18:08
Avatar de oops1  
Fecha de Ingreso: marzo-2002
Mensajes: 40
Antigüedad: 15 años, 8 meses
Puntos: 0
Re: pop-up al tamaño de la imagen

&lt;td ALIGN=&quot;CENTER&quot; VALIGN=&quot;BOTTOM&quot;&gt;&lt;font face=&quot;Verdana, Arial, Helvetica, Sans-Serif&quot;
size=&quot;-2&quot;&gt;&lt;a HREF=&quot;humor/140.jpg&quot;&gt;&lt;img SRC=&quot;humor/TN_140.JPG&quot; ALT=&quot;140.jpg&quot; width=&quot;128&quot;
height=&quot;25&quot;&gt;&lt;br&gt;
140.jpg&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td ALIGN=&quot;CENTER&quot; VALIGN=&quot;BOTTOM&quot;&gt;&lt;font face=&quot;Verdana, Arial, Helvetica, Sans-Serif&quot;
size=&quot;-2&quot;&gt;&lt;a HREF=&quot;humor/141.jpg&quot;&gt;&lt;img SRC=&quot;humor/TN_141.JPG&quot; ALT=&quot;141.jpg&quot; width=&quot;128&quot;
height=&quot;96&quot;&gt;&lt;br&gt;
141.jpg&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td ALIGN=&quot;CENTER&quot; VALIGN=&quot;BOTTOM&quot;&gt;&lt;font face=&quot;Verdana, Arial, Helvetica, Sans-Serif&quot;
size=&quot;-2&quot;&gt;&lt;a HREF=&quot;humor/142.jpg&quot;&gt;&lt;img SRC=&quot;humor/TN_142.JPG&quot; ALT=&quot;142.jpg&quot; width=&quot;98&quot;
height=&quot;96&quot;&gt;&lt;br&gt;
142.jpg&lt;/a&gt;&lt;/font&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/center&gt;&lt;/div&gt;&lt;p align=&quot;center&quot;&gt;&lt;font face=&quot;Arial Narrow&quot; size=&quot;2&quot;&gt;&lt;font color=&quot;#37BDFF&quot;&gt;&lt;br&gt;
&lt;/font&gt;&lt;font color=&quot;#000000&quot;&gt;&amp;nbsp;&amp;nbsp;& amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;& amp;nbsp;&amp;nbsp; &lt;/font&gt;&lt;font
color=&quot;#37BDFF&quot;&gt;_____________________ ____________________________&lt;/font&gt;&lt;/font&gt;&lt;/font&gt;&lt;/font&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td width=&quot;132&quot; bgcolor=&quot;#0205F4&quot; align=&quot;center&quot;&gt;&lt;div align=&quot;center&quot;&gt;&lt;center&gt;&lt;tabl e
border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;applet code=&quot;fphover.class&quot; codebase=&quot;_fpclass&quot; width=&quot;120&quot; height=&quot;16&quot;&gt;
&lt;param name=&quot;text&quot; value=&quot;NOTICIAS&quot;&gt;
&lt;param name=&quot;color&quot; value=&quot;#0205F4&quot;&gt;
&lt;param name=&quot;hovercolor&quot; value=&quot;#506CAB&quot;&gt;
&lt;param name=&quot;textcolor&quot; value=&quot;#37BDFF&quot;&gt;
&lt;param name=&quot;effect&quot; value=&quot;glow&quot;&gt;
&lt;param name=&quot;url&quot; value=&quot;http://usuarios.lycos.es/especialistas/not.html&quot; valuetype=&quot;ref&quot;&gt;
&lt;param name=&quot;font&quot; value=&quot;Helvetica&quot;&gt;


ETC, ETC, ETC...
Espero que sea útil esta reseña. Gracias de nuevo a todos.
Jesús
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:56.