Tengo un elemento img en mi DOM. En función de la acción del usuario, calculo una URL para una imagen y cambio el atributo src del elemento de imagen (usando jQuery). La nueva imagen tiene un tamaño diferente al de la imagen anterior. Esto funciona bien en Safari, pero IE no cambia el tamaño de la pantalla para el tamaño de la nueva imagen. Tengo un controlador .load en el cambio src (en el que realizo algunos cambios en la clase del elemento img) ... si supiera cómo acceder al tamaño real de la imagen, podría establecer las propiedades de alto y ancho de los elementos img. ¿Son esos valores accesibles de alguna manera? Si no, ¿hay alguna otra manera de mostrar la imagen en su nuevo tamaño?Cambiar la fuente de una etiqueta de imagen (img) no cambia de tamaño en IE
Respuesta
Me gustaría investigar otras soluciones, pero que de hecho puede tener acceso a esa información directamente
var myImage = new Image();
myImage.src = $("image selector goes here").attr('src');
myImage.onload = function() {
alert(myImage.width + "," + myImage.height);
}
que tenían el mismo problema, pero esto se encargó de ello.
$("#img").removeAttr("height").removeAttr("width").attr("src", newsrc);
No veo cómo funcionaría esto. Corrígeme si me equivoco, pero por lo que puedo ver, la altura y el ancho no son atributos DOM. Sin embargo, el estilo es. Eliminar "estilo" funciona en Chrome, mira mi respuesta. – tronbabylove
estoy trabajando en Chrome, IE no, pero yo estaba teniendo el mismo problema y pensaba que iba a compartir para cualquier otra persona que se topa con esta pregunta. He resuelto esto quitando el atributo "estilo" de la imagen para cambiar la fuente, es decir .:
myImg.removeAttribute ('estilo') setAttribute ('origen', newsrc).;
funciona como un encanto. –
- 1. ¿Cómo cambiar el tamaño de la etiqueta de img adecuada?
- 2. CKEditor - Cambiar fuente de imagen
- 3. poner una etiqueta img dentro de una etiqueta a href provoca un borde alrededor de la imagen en IE
- 4. Etiqueta Div dentro de la etiqueta img
- 5. ¿Cómo cambiar la fuente y el tamaño de fuente de una etiqueta de entrada HTML?
- 6. Cambiar el tamaño de las imágenes con javascript antes de asignarlas a una etiqueta img
- 7. Determine el tamaño de la imagen en JavaScript sin la etiqueta `<img>`
- 8. cambiar el tamaño del texto (tamaño de fuente) al cambiar el tamaño de la ventana?
- 9. tamaño de fuente de etiqueta de faceta
- 10. cambiar el tamaño de una imagen en 'a href' eslabón etiqueta
- 11. PIL Image.resize() no cambiar el tamaño de la imagen
- 12. DOMPDF y etiqueta img, imagen suele mostrar
- 13. Cambiar el tamaño de la imagen JPEG al tamaño especificado
- 14. setAttribute y video.src para cambiar la fuente de la etiqueta de video no funciona en IE9
- 15. ¿Cambia el tamaño del texto de una etiqueta cuando el texto es más largo que el tamaño de la etiqueta?
- 16. ¿Cambiar el tamaño de la fuente macvim?
- 17. ¿Debería definirse el tamaño de la imagen en los atributos de altura/ancho de la etiqueta img o en CSS?
- 18. Cambiar el tamaño de una imagen en el balanceo
- 19. UIButton cambia el tamaño cuando cambio la fuente?
- 20. C# Cómo cambiar la fuente de una etiqueta
- 21. ¿Cómo puedo cambiar la fuente de una etiqueta mediante programación?
- 22. Windows Forms: cómo se cambia el color de la fuente para una etiqueta deshabilitada
- 23. BoxShadow: inserto en la etiqueta img
- 24. evento onclick de la etiqueta img
- 25. ckfinder cambiar el tamaño de la imagen
- 26. ¿Cómo cambiar tamaño de fuente en direct.label?
- 27. Fuente UITableViewCell no cambia
- 28. Mostrar la imagen en Qt para ajustar el tamaño de la etiqueta
- 29. Cambiar el tamaño de la imagen en Core Graphics
- 30. Mapa de imagen no funciona en IE
Gracias por la sugerencia, pero por desgracia cuando I * cambio * src y de la imagen se carga una imagen de un nuevo tamaño, el elemento img todavía divulga la anchura y altura valores iniciales, no la imagen recién cargada (en IE, es decir, como dije, Safari modificó el tamaño de la imagen). – Zhami
Intente cargar la imagen por url directamente a diferencia del método 'attr ('src')'. Así que algo como 'myImage.src =" http://example.com/awesome.gif "' luego verifica el ancho. No veo cómo eso podría reportar el mismo ancho, ya que no debería ser consciente de ello. Esto es un poco molesto ya que envía dos solicitudes a su servidor para la imagen, pero no debería ser un problema si hay memoria caché. –
Mi sospecha es que el motor de renderizado tiene el diseño con la primera imagen. Las cargas de imagen subsiguientes no fuerzan la retransmisión. He reescrito todo mi enfoque para evitar este problema. – Zhami