Foros del Web » Creando para Internet » CSS »

Puedo hacer esto con CSS?

Estas en el tema de Puedo hacer esto con CSS? en el foro de CSS en Foros del Web. buenas. tengo una librería javascript que me pinta unas imágenes sobre un contenedor.... para que esta librería funcione bien, todas las imágenes deben tener una ...
  #1 (permalink)  
Antiguo 07/04/2016, 21:53
 
Fecha de Ingreso: mayo-2006
Ubicación: Bogotá
Mensajes: 2.061
Antigüedad: 17 años, 11 meses
Puntos: 50
Puedo hacer esto con CSS?

buenas.

tengo una librería javascript que me pinta unas imágenes sobre un contenedor.... para que esta librería funcione bien, todas las imágenes deben tener una medida exacta de 400px x 400px.... lo que sucede es que las imágenes que se cargan tienen diferentes medidas.


Le coloque con css un width y height de 400px a la imagen y la librería funciona pero las imágenes se ven deformadas... existe alguna forma de re dimensionar a punta de css las imágenes a maximo 380px xb380px sin distorsionarlas... ejemplo que quede de 380px x 350px , según el tamaño original... y colocarla en todo el centro sobre un fondo de 400px x 400px....

osea lo que quiero es emular lo que tendría que hacer en photoshop con cada imagen pero a punta de css de forma "automática"


Es posible? existe otra solución más viable?


Nota: la librería muestra la imagen con la etiqueta <img src..... no como background de un div...
  #2 (permalink)  
Antiguo 08/04/2016, 04:12
 
Fecha de Ingreso: abril-2015
Mensajes: 189
Antigüedad: 9 años
Puntos: 14
Respuesta: Puedo hacer esto con CSS?

Entiendo lo que quieres hacer pero es complicado.

Si le quieres dar un ancho fijo a la imagen , para que la redimensión sea proporcional deberías de darle un height:auto. Y quedara bien pero entonces igual no te cuadra en tu librería... pero es lo unico que se me ocurre.

Suerte!
  #3 (permalink)  
Antiguo 08/04/2016, 15:35
 
Fecha de Ingreso: julio-2014
Mensajes: 179
Antigüedad: 9 años, 8 meses
Puntos: 26
Respuesta: Puedo hacer esto con CSS?

tienes que usar un sistema como el que usa wordpress o lo que hacen los editores nativos de los celulares (ios y android) para subir la imagen y que el usuario decida como recortar la imagen es como yo lo haría, te dejo un texto ahi mismo viene la libreria:

http://www.sitepoint.com/crop-and-re...h-imagemagick/

Saludos!
__________________
Si haces las cosas como nadie las ha hecho, cobralas bien, si las vas a hacer como todos las han hecho, cobralas bien!!
MecanizandoWeb.com

Etiquetas: background, todo, width
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 23:52.