Buenas gente, Me gustaría saber si me podrías ayudar con este problema.
Os comento:
En una web, tengo 32 imágenes pequeñas, con sus respectivos rollovers, cuando clickeo sobre ellas, se me abre su imagen correspondiente en grande.
Las imágenes en grande, correspondientes a las 32 minituaras, estan guardadas en un array.
El problema viene, en que las grandes, no tienen el mismo tamaño, y quisiera que el tamaño del popup, en el que se me abren, se me ajustará al tamaño de cada uno de las imágenes en grande.
No se ni por donde empezar, no lo tengo nada claro.
Aquí os dejo el código que tengo...
Array de imágenes:
var i;
var imagenes = new Array("Imagenes/pinturas/1.gif" , "Imagenes/pinturas/2.gif" , "Imagenes/pinturas/3.gif" , "Imagenes/pinturas/4.gif" , "Imagenes/pinturas/5.gif" , "Imagenes/pinturas/6.gif" , "Imagenes/pinturas/7.gif" , "Imagenes/pinturas/8.gif" , "Imagenes/pinturas/9.gif" , "Imagenes/pinturas/10.gif" , "Imagenes/pinturas/11.gif" , "Imagenes/pinturas/12.gif" , "Imagenes/pinturas/13.gif" , "Imagenes/pinturas/14.gif" , "Imagenes/pinturas/15.gif" , "Imagenes/pinturas/16.gif" , "Imagenes/pinturas/17.gif" , "Imagenes/pinturas/18.gif" , "Imagenes/pinturas/19.gif" , "Imagenes/pinturas/20.gif" , "Imagenes/pinturas/21.gif" , "Imagenes/pinturas/22.gif" , "Imagenes/pinturas/23.gif" , "Imagenes/pinturas/24.gif" , "Imagenes/pinturas/25.gif" , "Imagenes/pinturas/26.gif" , "Imagenes/pinturas/27.gif" , "Imagenes/pinturas/28.gif" , "Imagenes/pinturas/29.gif" , "Imagenes/pinturas/30.gif" , "Imagenes/pinturas/31.gif" , "Imagenes/pinturas/32.gif");
var lista_imagenes = new Array();
Script, que abre el popup:
function verImagen(numeroImagen,titulo){
fuenteImagen=imagenes[numeroImagen];
ventana=window.open("","Trabajo","width=350,height =350,resizable=0");
ventana.document.open();
fuente='<html>';
fuente+='<head>';
fuente+='<title>'+titulo+'</title>';
fuente+='</head>';
fuente+='<body topmargin=0 leftmargin=0>';
fuente+='<a href="javascript
:window.close()">';
fuente+='<img border=0 src="'+fuenteImagen+'"';
fuente+=' alt="Cerrar"';
fuente+='></a>';
fuente+='</body>';
fuente+='</html>';
ventana.document.writeln(fuente);
ventana.document.close();
ventana.document.focus();
}
Al onclick, sobre las miniaturas:
OnClick="verImagen('170','titulo')"
Gracias y un saludo.