Foros del Web » Creando para Internet » HTML »

imagenes mismo tamaño

Estas en el tema de imagenes mismo tamaño en el foro de HTML en Foros del Web. hola necesito poner en cada celda de una tabla , imagenes con el mismo tamaño pero no se como igualarlas, k sean exactas de achura ...
  #1 (permalink)  
Antiguo 28/03/2005, 08:49
 
Fecha de Ingreso: marzo-2005
Mensajes: 4
Antigüedad: 12 años, 8 meses
Puntos: 0
imagenes mismo tamaño

hola necesito poner en cada celda de una tabla , imagenes con el mismo tamaño pero no se como igualarlas, k sean exactas de achura y altura, haber si alguien me podria ayudar muchas gracias(tengo photoshop)
  #2 (permalink)  
Antiguo 28/03/2005, 10:04
Avatar de vpereyra  
Fecha de Ingreso: septiembre-2004
Ubicación: Lima, Peru
Mensajes: 374
Antigüedad: 13 años, 3 meses
Puntos: 0
pues hay varios medios, por frontpage puedes "forzar" las medidas en cada imagen, y luego "resample picture to match size"
__________________
Victor Pereyra
  #3 (permalink)  
Antiguo 28/03/2005, 10:04
Avatar de monoswim
$moderador{'Esteban'}
 
Fecha de Ingreso: febrero-2002
Ubicación: Buenos Aires - Argentina
Mensajes: 8.762
Antigüedad: 15 años, 10 meses
Puntos: 90
Lo mejor es usar un editor de imágenes como el macromedia fireworks y modificarles el tamaño por ahí...

Porque si le cambiar el width y el height desde HTML se distorcionarán...

Saludos
__________________
Esteban Quintana
  #4 (permalink)  
Antiguo 28/03/2005, 13:01
Avatar de shamuray  
Fecha de Ingreso: agosto-2004
Ubicación: Capital Federal, Argentina
Mensajes: 142
Antigüedad: 13 años, 3 meses
Puntos: 0
Imágenes en miniatura

Código PHP:

<html>
<head>
<script>
function minifoto(foto,H,V,ancho,alto) {
propH = ancho / H;
propV = alto / V;
if (propH>propV) {
anchoF = H * propV;
altoF = alto;
}
else {
altoF = V * propH;
anchoF = ancho;
}
de = (ancho - anchoF) / 2;
su = (alto - altoF) /2;
imagen="<div style='width:"+ancho+";height:"+alto+";border:1px outset'>";
imagen+="<img src='"+foto+"' widht="+anchoF+" height="+altoF;
imagen+=" style='position:relative; left:"+de+";top:"+su+"'>";
imagen+="</div>";
document.write(imagen);
}
</script>
</head>

<body>
<script>
minifoto("foto.jpg",399,291,90,80);
</script>
</body>
</html>


A la función minifoto se pasan: el nombre de la imágen, el ancho y alto real de la imágen y el ancho y alto en el que se quiere poner la imágen. La función "encaja" la imágen en un recuadro manteniendo las proporciones.

Espero que te sirva; yo utilicé este script que baje del foro de JAVA SCRIPT
__________________
:pirata: •´¯¥¯•Ð€MØNiØ•´¯¥¯• :pirata:
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 19:48.