Nhận một chiều rộng bản địa hình ảnh - Thủ thuật CSS

Anonim

Nếu bạn chọn và hình ảnh bằng jQuery và sau đó sử dụng .width(), bạn sẽ nhận được chiều rộng hiện tại của hình ảnh, ngay cả khi nó đã được chia tỷ lệ (ví dụ: chiều rộng tối đa: 100%;). Bạn có thể truy cập chiều rộng gốc của hình ảnh (ngay cả khi nó không có bất kỳ thuộc tính nào khai báo nó) như sau:

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