Zmiana źródła znacznika obrazu (img) nie zmienia rozmiaru na IE

Question

Mam element img w moim DOM. Na podstawie działania użytkownika obliczam adres URL obrazu i zmieniam atrybut src elementu obrazu (przy użyciu jQuery). Nowy obraz ma inny rozmiar niż stary obraz. Działa to dobrze w Safari, ale IE nie zmienia rozmiaru ekranu dla rozmiaru nowego obrazu. Mam obsługę .load na zmianie src (w której dokonuję pewnych zmian w klasie elementu img) ... gdybym wiedział, jak uzyskać dostęp do rzeczywistego rozmiaru obrazu, mógłbym ustawić właściwości wysokości i szerokości elementów img. Czy gdzieś te wartości są dostępne? Jeśli nie, czy jest jakiś inny sposób wyświetlania obrazu w jego nowym rozmiarze?

Answer 1

chciałbym zbadać inne rozwiązania, ale można rzeczywiście uzyskać dostęp do tych informacji bezpośrednio

var myImage = new Image(); 
myImage.src = $("image selector goes here").attr('src'); 
myImage.onload = function() { 
    alert(myImage.width + "," + myImage.height); 
} 

Answer 2

miałem ten sam problem, ale zadbał o niego.

$("#img").removeAttr("height").removeAttr("width").attr("src", newsrc); 

Answer 3

pracuję w Chrome, nie IE, ale miałem ten sam problem i pomyślałem, że podzielę się dla nikogo, że natknęła się na to pytanie. Rozwiązałem to przez usunięcie atrybutu "style" z obrazu przed zmianą źródła, tj .:

myImg.removeAttribute ('styl') setAttribute ('src', newsrc.);