Foros del Web » Programando para Internet » Javascript »

tamaño de la imagen con Javascript

Estas en el tema de tamaño de la imagen con Javascript en el foro de Javascript en Foros del Web. Hola, Necesito un codigo para que me muestre una serie de imagenes que tienen diversos tamaños y me gustaría trabajar el tamaño de estas por ...
  #1 (permalink)  
Antiguo 28/09/2006, 17:36
 
Fecha de Ingreso: enero-2002
Ubicación: Bogotá
Mensajes: 438
Antigüedad: 22 años, 3 meses
Puntos: 2
tamaño de la imagen con Javascript

Hola, Necesito un codigo para que me muestre una serie de imagenes que tienen diversos tamaños y me gustaría trabajar el tamaño de estas por código de tal forma que pueda establecer su tamaño por un porcentaje "x" del tamaño original, teniendo en cuenta que esto debe hacerse en el momento que la página se esta cargando.


Muchas gracias por la ayuda que me puedan brindar.
  #2 (permalink)  
Antiguo 29/09/2006, 10:39
 
Fecha de Ingreso: enero-2002
Mensajes: 64
Antigüedad: 22 años, 3 meses
Puntos: 0
Hola,

Puedes conocer las dimensiones de una imagen con las propiedades width y height en jscript.

Por ejemplo:
<img src="ATT000241.gif" name="foto">
<script>alert(document.foto.width)</script>

Te dara el ancho de la foto. Evidentemente el script debe ejecutarse despues de definir la foto. La propiedad la puedes cambiar desde jscript y cambiara el tamaño de la imagen en la página.

Saludos.
  #3 (permalink)  
Antiguo 29/09/2006, 16:36
 
Fecha de Ingreso: diciembre-2004
Mensajes: 37
Antigüedad: 19 años, 4 meses
Puntos: 0
te dejo la idea.. para que lo logres por tus propios meritos!!

creas un array de la clase imagenes
preloadedimages[i]=new Image();
luego le agregas la direccion de la foto
preloadedimages[0].src="foto1.gif";
preloadedimages[1].src="foto2.gif";
preloadedimages[2].src="foto2.gif";

y ahora una funcion que cambie la foto:

function cambiar(num){
document.images.imagenloco.src=preloadedimages[num].src;
//Aca puedes cambiarle tambien el tamaño
document.images.imagenloco.height=20%
}


EL resto es maquillar. como asi: donde le dices si el mousehace click sobre la imagen cambie de foto

<img id="imagenloco" src="foto1.gif" onclick="javascript:cambiar(32);">
  #4 (permalink)  
Antiguo 10/10/2006, 19:02
Avatar de leviatan21  
Fecha de Ingreso: mayo-2005
Ubicación: Argentina
Mensajes: 17
Antigüedad: 19 años
Puntos: 0
con array multidimesional ?

He probado utilizar tu función con este array:
numberslide[0]=["003.jpg", "XXX","Detalles"]
donde la primera columna el el nombre de la foto, la segunda es un link y la tercera una descripción, y para conocer su tamaño document.images.imagenloco.src=numberslide[num][0].src, pero no funciona.

Alguna sugerencia?
  #5 (permalink)  
Antiguo 16/01/2009, 17:25
Avatar de polin2bclan  
Fecha de Ingreso: julio-2008
Mensajes: 73
Antigüedad: 15 años, 10 meses
Puntos: 5
Respuesta: tamaño de la imagen con Javascript

Buena info.
Pero que pasa si quiero que todas las imagenes se cambian, osea no declarar un array con las rutas.

He visto que en vBulletin® hay un plugin que hace que cuando publicas un temas y la imagen es ejemplo de 1024*768 ella autamaticamente se hace de un tamaño 600*400.

Lo que pregunto es de que forma hacer que la funcion lea si en el contenido existe un url de imagen para que el la convierta.

Saludos y gracias por la info
  #6 (permalink)  
Antiguo 17/01/2009, 04:11
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Respuesta: tamaño de la imagen con Javascript

El mensaje original es de hace más de 2 años. Por favor, no reviváis temas tan antiguos.

Saludos,
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.
Tema Cerrado

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 04:18.