Вземете естествена ширина на изображенията - CSS-трикове

Anonim

Ако изберете и изображение с jQuery и след това използвате .width(), ще получите текущата ширина на изображенията, дори ако е била мащабирана (напр. Max-width: 100%;). Можете да получите достъп до собствената ширина на изображенията (дори ако тя няма никакви атрибути, които я декларират) по следния начин:

// 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;