Uzyskaj natywną szerokość obrazów - CSS-Tricks

Anonim

Jeśli wybierzesz i obraz z jQuery, a następnie użyjesz .width(), otrzymasz aktualną szerokość obrazów, nawet jeśli zostały przeskalowane (np. Max-width: 100%;). Możesz uzyskać dostęp do natywnej szerokości obrazów (nawet jeśli nie ma żadnych atrybutów, które ją deklarują) w następujący sposób:

// Get on screen image var screenImage = $("#image"); // Create new offscreen image to test var theImage = new Image(); theImage.src = screenImage.attr("src"); // Get accurate measurements from that. var imageWidth = theImage.width; var imageHeight = theImage.height;