Đôi khi bạn cần sử dụng kích thước thật của hình ảnh để chạy một đoạn lệnh nào đó. Với PHP thì bạn sẽ được cung cấp hàm cụ thể để làm điều đó. Vậy Javascript thì sao? Vẫn được với sự trợ giúp 1 chút của jQuery.
Ví dụ bạn có 1 hình ảnh được chèn như sau:
1 | <img id="logo-mangbinhdinh" src="http://mangbinhdinh.vn/wp-content/uploads/logo-header.png"> |
Và bạn sẽ code như sau để lấy chiều rộng và chiều cao thật của hình ảnh này:
1 2 3 4 | var theImage = new Image(); theImage.src = $("#logo-mangbinhdinh").attr("src"); var imageWidth = theImage.width; var imageHeight = theImage.height; |
2 biến imageWidth và imageHeight sẽ tương ứng với 2 thông số chiều rộng và chiều cao mà bạn cần lấy.
Chú ý là bạn phải sử dụng thư viện jQuery để các đoạn mã trên chạy.
Chúc các bạn thành công.
Huỳnh Mai Anh Kiệt
- Advertisement -
