Foros del Web » Creando para Internet » HTML »

ventana ajustada tamaño foto

Estas en el tema de ventana ajustada tamaño foto en el foro de HTML en Foros del Web. hola, he visto muchas webs que al clikar sobre una foto aparece esta foto en uina ventana aparte, y la foto se ajusta a esta ...
  #1 (permalink)  
Antiguo 21/07/2002, 07:28
 
Fecha de Ingreso: enero-2002
Mensajes: 90
Antigüedad: 15 años, 11 meses
Puntos: 0
ventana ajustada tamaño foto

hola, he visto muchas webs que al clikar sobre una foto aparece esta foto en uina ventana aparte, y la foto se ajusta a esta ventana, se que es muy comun en muchas webs pero no se exactamente como hacerlo y agradeceria vuestra ayuda, gracias a todos.
  #2 (permalink)  
Antiguo 21/07/2002, 09:50
androide
Invitado
 
Mensajes: n/a
Puntos:
Re: ventana ajustada tamaño foto

Cita:
Eres supersticioso?: Supersticioso no, pero raro si.
Esa frase hace pensar cosas ...

Ok, por lo que ves estuve visitando tu web ...

Respecto a tu pregunta, eso lo podrías hacer con PopUp´s, simplemente pones la imágen para que si la gente quiere observarla bien pues dé click hay ... y se genere un popup con la imágen ...el que se adecue al tamaño de la ventana ya es que le indiques al PopUp a que tamaño debe abrirse ... lógicamente deberá ser al mismo tamaño que tiene la imágen ... chao, espero haberme hecho entender ...

Cita:
Hombre de éxito es aquel que sabe construir una sólida base ...
Cita:
Con las piedras que le arrojan ...
Chao

<div align="center"><img src="http://www.xicox.com/firma/firma.gif" width="468" height="100"></div>
  #3 (permalink)  
Antiguo 21/07/2002, 11:10
 
Fecha de Ingreso: junio-2002
Mensajes: 42
Antigüedad: 15 años, 6 meses
Puntos: 0
Re: ventana ajustada tamaño foto

Encontré este código; avisame si te resulta, ya que no le he probado! Saludos!

&lt;!-- Dos pasos para instalar el AUTO-RESIZABLE-POP-UP:

1. Copia este código en el HEAD de tu fichero HTML
2. Agrega el último código dentro del BODY de tu fichero HTML --&gt;

&lt;!-- Paso 1: Pega este código en el HEAD de tu fichero HTML --&gt;

&lt;HEAD&gt;

&lt;SCRIPT LANGUAGE=&quot;JavaScript&quot;&gt;

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

&lt;/HEAD&gt;

&lt;!-- PASO 2: Copia este código dentro del BODY de tu fichero HTML --&gt;

&lt;BODY&gt;

&lt;div align=&quot;center&quot;&gt;
&lt;TABLE BORDER=&quot;1&quot; cellspacing=3&gt;
&lt;TR&gt;
&lt;TD align=left&gt;
&lt;A HREF=&quot;javascript:CaricaFoto('1.gif')&quot; BORDER=&quot;0&quot;&gt;
&lt;IMG SRC=&quot;1.gif&quot; BORDER=&quot;0&quot;&gt;&lt;/A&gt;
&lt;/TD&gt;
&lt;TD align=center&gt;
&lt;A HREF=&quot;javascript:CaricaFoto('2.gif')&quot; BORDER=&quot;0&quot;&gt;
&lt;IMG SRC=&quot;2.gif&quot; BORDER=&quot;0&quot;&gt;&lt;/A&gt;
&lt;/TD&gt;
&lt;TD align=right&gt;
&lt;A HREF=&quot;javascript:CaricaFoto('4.gif')&quot; BORDER=&quot;0&quot;&gt;
&lt;IMG SRC=&quot;4.gif&quot; BORDER=&quot;0&quot;&gt;&lt;/A&gt;
&lt;/TD&gt;
&lt;/TR&gt;&lt;TR&gt;
&lt;TD colspan=3&gt;
&lt;DIV ALIGN=&quot;CENTER&quot;&gt;Click acá para ver la imagen en su tamaño real!&lt;/DIV&gt;
&lt;/TD&gt;
&lt;/TR&gt;
&lt;/TABLE&gt;
&lt;/div&gt;

  #4 (permalink)  
Antiguo 22/07/2002, 17:23
 
Fecha de Ingreso: enero-2002
Ubicación: Yerba Buena - Tucumán
Mensajes: 259
Antigüedad: 15 años, 11 meses
Puntos: 0
Re: ventana ajustada tamaño foto

Te paso el código en javascript que yo utilizo y funciona perfectamente.

&lt;script language=&quot;javascript&quot;&gt;
&lt;!--
function ajustar_ventana(imag){
var imagen = new Image();
imagen.src = imag;
window.resizeTo(imagen.width+40,imagen.height+60);
}
//--&gt;
&lt;/script&gt;

y esto va dentro del BODY:

&lt;img src=&quot;fotos/Foto_1_7.jpg&quot; border=0 hspace=0 vspace=0 onload=&quot;return ajustar_ventana('fotos/Foto_1_7.jpg')&quot;&gt;

Espero que te sirva. Saludos :cantar:

<center><font face=Verdana size=2>Webmaster de [/CODE]<A href="http://www.salirxtucuman.com.ar" target="_blank"><img src="http://www.efrance.fr/salirxtucuman/images/titulo.gif" border=0 align="absmiddle"></a></center>
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 05:22.