Foros del Web » Creando para Internet » CSS »

ampliacion de imagen con css

Estas en el tema de ampliacion de imagen con css en el foro de CSS en Foros del Web. hola amigos tengo una imagen con unas dimensiones concretas y para que se ajuste a la pagina la necesitaría mas grande. Es posible hacerlo con ...
  #1 (permalink)  
Antiguo 29/08/2010, 13:22
 
Fecha de Ingreso: agosto-2008
Mensajes: 584
Antigüedad: 9 años, 4 meses
Puntos: 11
ampliacion de imagen con css

hola amigos tengo una imagen con unas dimensiones concretas y para que se ajuste a la pagina la necesitaría mas grande. Es posible hacerlo con css o tendré que hacerlo primero con photoshop, gracias.
  #2 (permalink)  
Antiguo 29/08/2010, 13:47
Avatar de joseomaker  
Fecha de Ingreso: junio-2010
Ubicación: Maracaibo
Mensajes: 314
Antigüedad: 7 años, 6 meses
Puntos: 22
Respuesta: ampliacion de imagen con css

pues:

Código CSS:
Ver original
  1. height: /*alto que desees */;
  2. width: /*ancho que desees */;

puedes usar px (pixeles) o % (porciento),ahi otras pero son menos usadas,aca ahi unos ejemplos:

Código CSS:
Ver original
  1. height: 960px;
  2. width: 960px;

o

Código CSS:
Ver original
  1. height: 30%;
  2. width: 100%;

aunque es mas recomendable hacerlo con photoshop por despues la puedes retocar y asi queda mejor
  #3 (permalink)  
Antiguo 29/08/2010, 13:58
 
Fecha de Ingreso: agosto-2008
Mensajes: 584
Antigüedad: 9 años, 4 meses
Puntos: 11
Respuesta: ampliacion de imagen con css

Gracias seomarker eso es lo que ya tenia hecho. Lo que pasa es que si la imagen tiene una dimension de origen maxima, mi pregunta es si es posible agrandarla a mi no me sale como dices.
  #4 (permalink)  
Antiguo 29/08/2010, 16:28
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: ampliacion de imagen con css

¿Es sólo una imagen? indique las medidas que precise en el html:
Cita:
<img src="http://www.forosdelweb.com/f53/ampliacion-imagen-con-css-837532/..." alt="..." width=Nºpx height=Nºpx />
No le sirve lo anterior, pues CSS3:
Código CSS:
Ver original
  1. img.zoom {transform: scale(x);}
Con los prefijos privativos correspondientes y con la advertencia lógica al respecto.

El método indicado anteriormente vía css 2.1
Cita:
img.zoom {width: Nº+unidad; /*o puede actuar sobre el height*/}
también sería válido, pero teniendo en cuenta que:
  • definiendo sólo una de las dos medidas (ancho o alto) la otra también se modifica en la misma proporción (no hay distorsiones)
  • si la unidad aplicada son px, el tamaño final es el indicado
  • si se utilizan porcentajes /%/ el referente no es el tamaño original de la imagen, sino el de su contenedor.

Todos los métodos indicados anteriormente van a dar como resultado una imagen de peor calidad visual. El grado de degradación será diréctamente proporcional al zoom aplicado.

Atentamente.
  #5 (permalink)  
Antiguo 29/08/2010, 17:48
 
Fecha de Ingreso: agosto-2008
Mensajes: 584
Antigüedad: 9 años, 4 meses
Puntos: 11
Respuesta: ampliacion de imagen con css

Lo solucione modificando la imagen original.
Tengo que reconocer kseso? que eres un maestro vaya explicación mas detallada y pedagógica muchas veces tus respuestas son verdaderos artículos. De todas formas esto me viene genial para aprender, enhorabuena por tu explicación y gracias.

Etiquetas: Ninguno
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 05:24.