Hola buenas, vereis tengo un codigo javascript que cada vez que pinchas en un enlace, se cambia una imagen que hay en la parte superior de la pagina. Bien hasta aqui todo bien, lo malo es que las imagenes estan en dos diferentes resoluciones 272x317 y 200x317, bien, la tabla la tenia preparada para las 272x317, pero el javascript, a la hora de meter otra foto que esté en 200x317, me la pone a 272x317, por lo que se ve alargada. me gustaria saber si hay algún código para que extraiga la resolución y redimensione la celda donde van las fotos, o alguna forma de que no me la ponga al mismo ancho que la tabla.
gracias. PD: aqui os dejo el codigo javascript que utilizo para cambiar las fotos, y el html, por si os hace falta. Gracias
Cambiar imágenes
Código javascript
:
Ver originalfunction MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
HTML:
Código HTML:
<a style="cursor:pointer" onClick="MM_swapImage('imagen1','','imagenes/WA0200/WA0200la.jpg',1)"><img src="1.jpg"></a>