ventana ajustada tamaño foto

[daniele]

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.

[androide]

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 ...

Hombre de éxito es aquel que sabe construir una sólida base ...

Con las piedras que le arrojan ...

Chao

<div align="center"><img src="http://www.xicox.com/firma/firma.gif" width="468" height="100"></div>

[Rush2112]

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;

[CABEZOTA]

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>