โดยปกติแล้วเรา สามารถใช้วัตถุอิมเมจเพื่อตัดสินขนาดของภาพ JS จากนั้นใช้ ATTR เพื่อรับที่อยู่รูปภาพแล้วตัดสิน มาดูตัวอย่างด้านล่าง
วิธีที่ง่ายที่สุด:
การคัดลอกรหัสมีดังนี้:
var img = ภาพใหม่ ();
img.src = $ ('#tlogo'). attr ('src');
if (img.width> '240') {
$ ('#tlogo'). attr ('width', '240');
-
ในตัวอย่างด้านบนหากไม่ได้โหลดหน้าเว็บ JS ไม่สามารถรับขนาดภาพได้ ในกรณีนี้เราสามารถตรวจสอบได้ก่อนว่าการโหลดเสร็จสมบูรณ์หรือไม่จากนั้นตัดสินขนาดภาพ
การคัดลอกรหัสมีดังนี้:
<img id = "img2" src = "images /1.jpg" />>
<ภาษาสคริปต์ = "JavaScript">
document.getElementById ("img2"). onload = function () {
การแจ้งเตือน ("การโหลดภาพเสร็จสมบูรณ์");
-
</script>
หรือใช้ jQuery:
การคัดลอกรหัสมีดังนี้:
$ ("#imageId"). load (function () {
การแจ้งเตือน ("โหลดเสร็จสมบูรณ์!");
-
จนถึงตอนนี้เราสามารถเพิ่มประสิทธิภาพรหัส
การคัดลอกรหัสมีดังนี้:
$ ("#tlogo") โหลด (ฟังก์ชัน () {
var img = ภาพใหม่ ();
img.src = $ ('#tlogo'). attr ('src');
if (img.width> '240') {
$ ('#tlogo'). attr ('width', '240');
-
-
หมายเหตุที่นี่: #tlogo เป็น ID ที่เพิ่มลงในที่อยู่รูปภาพของคุณ นี่คือสิ่งที่ต้องทำ