Una ayudadita

[Jennifert]

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?

[javicruzgv]

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.

[Jennifert]

Iniciado por javicruzgv

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.

[sebastopols]

Para este tipo de trabajos se suele usar Jquery, acá hay un ejemplo, saludos .

[phillipecw]

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

Código HTML:

<img src="path_to_image" class="ArticleImg" alt="" />
 

Código CSS:

.ArticleImg {
   width: 100px;
   height: 100px; <-- tal vez no sea necesario, dependiendo del diseño.
}
 

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.

[memoadian]

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