Foros del Web » Creando para Internet » HTML »

Control del formato de la imagen

Estas en el tema de Control del formato de la imagen en el foro de HTML en Foros del Web. Hola a todos, Tengo un <img> con un tamaño específico: width: 192px y height: 144px; El src suelo cambiar para visualizar la imagen que quiera ...
  #1 (permalink)  
Antiguo 29/06/2009, 04:59
 
Fecha de Ingreso: junio-2009
Mensajes: 174
Antigüedad: 8 años, 6 meses
Puntos: 0
Control del formato de la imagen

Hola a todos,
Tengo un <img> con un tamaño específico: width: 192px y height: 144px;
El src suelo cambiar para visualizar la imagen que quiera en cada momento. Tengo imagenes de distinto tamaño y en el navegador siempre veo que se adecua al tamaño antes especificado. Pero eso no es lo que quiero. Quiero que no pierda la imagen su propio formato a la hora de mostrar. Por ejemplo si es de 16:9 pues que aparezca de esa forma y todo lo demás esté vacio.
Bueno gracias por tus ganas de ayudar.
  #2 (permalink)  
Antiguo 29/06/2009, 09:04
lamek
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Control del formato de la imagen

Te podias explicar mejor.

Muestra tu code.

Asi sino no entiendo nada.
  #3 (permalink)  
Antiguo 29/06/2009, 09:21
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Control del formato de la imagen

Quita el tamaño de alto y ancho (width: 192px y height: 144px;) de la etiqueta img y resuelto: la imagen se mostrará tal cuál es la original.
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 29/06/2009, 09:27
 
Fecha de Ingreso: junio-2009
Mensajes: 174
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: Control del formato de la imagen

El tamaño del dibujo es menor que el cuadro img, que no se amplie o expanda y muestre dentro del img tal y como es.
EN JAVASCRIPT:
img : son dibujos de formato jpg. Pero la dimensión de la figura es diferente en cada caso.
Ej. : 1024px x 243px , 1024px x 700px .....
document.getElementById('addInfGraphic').src = img;
EN HTML:
<img border="1" id="addInfGraphic" class="addInfGraphic posInfGraphic" />
EN CSS:

img.posInfGraphic{
position:relative;
left:437px;
#left:222px;/*Para Internet Explorer */
top:-12px;
width: 192px;
height: 144px;

}
  #5 (permalink)  
Antiguo 29/06/2009, 09:29
 
Fecha de Ingreso: junio-2009
Mensajes: 174
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: Control del formato de la imagen

Mikmoro pero la ventana de img se adecua a esa imagen y yo quiero que se mantenga y dentro aparezca esa misma figura.
  #6 (permalink)  
Antiguo 29/06/2009, 09:54
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Control del formato de la imagen

Cita:
Iniciado por alkortius Ver Mensaje
Quiero que no pierda la imagen su propio formato a la hora de mostrar. Por ejemplo si es de 16:9 pues que aparezca de esa forma
A esto he respondido.
Cita:
Iniciado por alkortius Ver Mensaje
pero la ventana de img se adecua a esa imagen y yo quiero que se mantenga y dentro aparezca esa misma figura.
Y para mi que aquí dices exactametne lo contrario, ¿no?

Lo siento pero no lo entiendo en absoluto.
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 29/06/2009, 10:06
 
Fecha de Ingreso: junio-2009
Mensajes: 174
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: Control del formato de la imagen

Haber intentaré explicarme lo mejor posible,
tengo un <img> de 192px de anchura y 144px de altura. Estas medidas no se podrán cambiar. Ahora las imagenes que voy a empezar a mostrar en <img> tienen diferentes dimensiones de figura => 1024px x 233px, 1024px x 540px ......
-Lo que quiero es que esa imagen si no ocupa toda la ventana se muestre como está y todo lo demás esté vacio.
-En el caso que sea más grande a lo ancho la figura, tendría que adecuarse a la ventana img pero la altura de la figura se queda como es. Lo mismo si se pasa en la altura la figura.

Espero que me hayas entendido Mikmoro!!
  #8 (permalink)  
Antiguo 29/06/2009, 10:41
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Control del formato de la imagen

Es decir: si no ocupa todo el ancho de la ventana, que se quede con su tamaño original, pero si es mayor que la ventana, que se reduzca al tamaño de la ventana, pero manteniendo la altura original.

No creo que esto sea posible con HTML o CSS, así que creo que deberías mirar en el foro de javascript (o PHP en caso de que lo uses), ya que deformar si es grande y respetar si es pequeña, supongo que sólo lo puede interpretar un lenguaje de programación: if > x
__________________
Visita mi nueva web idplus.org
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 03:12.