Foros del Web » Programando para Internet » Javascript »

Ajustar imagen a un tamaño maximo

Estas en el tema de Ajustar imagen a un tamaño maximo en el foro de Javascript en Foros del Web. He estado mirando por aqui a ver si encontraba algo y he visto varias cosas parecidas a lo que quiero, pero he estado usando partes ...
  #1 (permalink)  
Antiguo 15/09/2004, 18:36
Avatar de Wel
Wel
 
Fecha de Ingreso: marzo-2003
Mensajes: 77
Antigüedad: 21 años, 1 mes
Puntos: 0
Ajustar imagen a un tamaño maximo

He estado mirando por aqui a ver si encontraba algo y he visto varias cosas parecidas a lo que quiero, pero he estado usando partes de sus codigos y ajustandolo pero no me han valido, al menos con mis escasos conocimientos.


Para empezar os pongo el codigo de lo que tengo:
HTML>
<HEAD>
<SCRIPT>
function MostrarImagen(NombreImg,AutorImg,InformacionImg,Ti tuloImg){
document.getElementById("ZonaDinamica").innerHTML= "<Div><img id=FOTO src="+NombreImg+"></div></BR><Font size=2 color=Black>"+TituloImg+"</BR>"+InformacionImg+"</BR>"+AutorImg+"</I></Font>";
}
</SCRIPT>
</HEAD>

<BODY>
<TABLE width=100% height=100% border=1><TR>
<TD Width=100 Align=center Valign=top>
<A href=# onclick="MostrarImagen ('img1.jpg','Autor 1','Informacion 1','TituloImagen 1');">IMAGEN 1</A></BR>
<A href=# onclick="MostrarImagen ('img2.jpg','Autor 2','Informacion 2','TituloImagen 2');">IMAGEN 2</A></BR>
<A href=# onclick="MostrarImagen ('img3.jpg','Autor 3','Informacion 3','TituloImagen 3');">IMAGEN 3</A></BR>
<A>....</A>
</TD>
<TD height=100% Align=center Valign=middle>
<Div id=ZonaDinamica></Div>
</TD>
</TR></TABLE>
</BODY>
</HTML>



El tema como podeis ver, es que tengo una web que me muestra imagenes diferentes en una pagina sin tener que cargar previamente las imagenes ni recargar la página.

Bueno pues yo lo que quiero hacer es que la imagen que se muestra, si su ancho o alto es mas grandes que un valor que yo le ponga (por ejemplo 600 de ancho y 500 de alto) se adapte a dicho tamaño maximo o sea NO QUE ME LA MUESTRE A 600x500 NO, solo que la parte (el ancho o el alto) mayor se adapte al tamaño máximo.

Bueno espero haberme explicado.
GRACIAS.
NUNCA LO HE DICHO EN OTRAS OCASIONES, PUES ME PARECE UN TOPICO, PERO HOY NO ME QUEDO CON LAS GANAS: ¡¡ SOIS EL MEJOR FORO QUE EXISTE !!, BUENO NO VOY A SER EXAJERADO PUES NO LOS CONOZCO TODOS ASI QUE ME RECTIFICO, ¡¡ SOIS EL MEJOR FORO QUE CONOZCO !!.

Última edición por Wel; 15/09/2004 a las 18:41
  #2 (permalink)  
Antiguo 15/09/2004, 19:17
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 1 mes
Puntos: 1284
Hola Wel:

Si sabes los tamaños de las imágenes, puedes pasarlos como parámetros a la función (añadirle nuevos parámetros) y darle las dimensiones al tag img, de otra forma estás obligado a precargarla para saber el tamaño y así darle los valores a la imagen.

saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 15/09/2004, 19:37
Avatar de Wel
Wel
 
Fecha de Ingreso: marzo-2003
Mensajes: 77
Antigüedad: 21 años, 1 mes
Puntos: 0
NO, los tamaños no los sé, por eso de ahi mi duda.
vale, si lo hago dandole los parametros del tamaño original de la imagen, ¿como ajustaría la imagen a los valores máximos que yo estipule.?
  #4 (permalink)  
Antiguo 15/09/2004, 19:47
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 1 mes
Puntos: 1284
Hola otra vez:

Sabiendo los valores de la imagen tan solo hay que aplicar la regla de 3:

Si tienes 700 x 100,

El 700 lo pasa a 600 y el 100 le aplicas esa regla: 600 x 100 / 700 = 85...

La implementación no es difícil, pero hay que generar unas pocas líneas de código.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 16/09/2004, 01:06
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Pues mira, hace un tiempo hice un script precisamente para eso, mira si te puede servir http://javascript.tunait.com/javascr...sionarimagenes
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 07:27.