Foros del Web » Creando para Internet » Diseño web »

Una ayudadita

Estas en el tema de Una ayudadita en el foro de Diseño web en Foros del Web. Buen día a todos, lo que pasa es que estoy tratando de hacer lo siguiente, tengo una aplicación de artículos donde al momento de dar ...
  #1 (permalink)  
Antiguo 16/10/2012, 13:04
 
Fecha de Ingreso: septiembre-2012
Mensajes: 112
Antigüedad: 11 años, 6 meses
Puntos: 1
Una ayudadita

Buen día a todos, lo que pasa es que estoy tratando de hacer lo siguiente, tengo una aplicación de artículos donde al momento de dar de alta un articulo se carga una imagen para mostrarla de lado del cliente pero si subo una imagen que no es del tamaño adecuado se distorsiona el diseño, como puedo hacer para que al momento de subirla se adapte mi imagen?
  #2 (permalink)  
Antiguo 18/10/2012, 01:27
Avatar de javicruzgv  
Fecha de Ingreso: diciembre-2011
Ubicación: Alcoy(Alicante)
Mensajes: 189
Antigüedad: 12 años, 2 meses
Puntos: 2
Respuesta: Una ayudadita

no entiendo exactamente lo que quieres decir, si es de programación la puedes colocar de fondo en el css.

ej:

background-image:url(imagenes/imagen.jpg);
background-size:cover;
background-position:center;
background-repeat:no-repeat;

de esta forma se adaptara y no perdera la forma.
  #3 (permalink)  
Antiguo 18/10/2012, 09:49
 
Fecha de Ingreso: septiembre-2012
Mensajes: 112
Antigüedad: 11 años, 6 meses
Puntos: 1
Respuesta: Una ayudadita

Cita:
Iniciado por javicruzgv Ver Mensaje
no entiendo exactamente lo que quieres decir, si es de programación la puedes colocar de fondo en el css.

ej:

background-image:url(imagenes/imagen.jpg);
background-size:cover;
background-position:center;
background-repeat:no-repeat;

de esta forma se adaptara y no perdera la forma.

Gracias javicruzgv por tu ayuda, alo que me refiero es que si suben una imagen muy grande quiero que se adapte a una ventanilla que a lo mucho mide 5cm x 5cm.
  #4 (permalink)  
Antiguo 18/10/2012, 10:49
 
Fecha de Ingreso: marzo-2011
Mensajes: 342
Antigüedad: 13 años
Puntos: 97
Respuesta: Una ayudadita

Para este tipo de trabajos se suele usar Jquery, acá hay un ejemplo, saludos .
  #5 (permalink)  
Antiguo 18/10/2012, 19:51
Avatar de phillipecw  
Fecha de Ingreso: septiembre-2008
Ubicación: Lima, Peru, Peru
Mensajes: 142
Antigüedad: 15 años, 6 meses
Puntos: 19
Respuesta: Una ayudadita

O podrías simplemente ajustarla al tamaño que deseas utilizando estilos. Por ejemplo:

Código HTML:
Ver original
  1. <img src="path_to_image" class="ArticleImg" alt="" />

Código CSS:
Ver original
  1. .ArticleImg {
  2.    width: 100px;
  3.    height: 100px; <-- tal vez no sea necesario, dependiendo del diseño.
  4. }

Se verá algo distorsionada la imagen, si es que la variación de tamaño es considerable, pero por lo menos no te fastidiaría el diseño en sí.

Saludos.
__________________

Phillipe Calmet Williams
Freelance Front-End Developer, Graphic & Web Designer www.phillipecw.com
  #6 (permalink)  
Antiguo 18/10/2012, 21:46
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 9 meses
Puntos: 641
Respuesta: Una ayudadita

si estableces un width, para que no se distorsione usa height:auto

Etiquetas: diseño
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 13:14.