Biasanya, kita dapat menggunakan objek gambar untuk menilai ukuran gambar JS, dan kemudian menggunakan ATTR untuk mendapatkan alamat gambar dan kemudian membuat penilaian . Mari kita lihat beberapa contoh di bawah ini.
Cara termudah:
Salinan kode adalah sebagai berikut:
var img = gambar baru ();
img.src = $ ('#tlogo'). attr ('src');
if (img.width> '240') {
$ ('#tlogo'). attr ('width', '240');
}
Dalam contoh di atas, jika halaman belum dimuat, maka JS tidak bisa mendapatkan ukuran gambar. Dalam hal ini, pertama -tama kita dapat menentukan apakah pemuatan selesai dan kemudian menilai ukuran gambar.
Salinan kode adalah sebagai berikut:
<img id = "img2" src = "gambar /1.jpg" />
<bahasa skrip = "javascript">
document.geteLementById ("img2"). onload = function () {
alert ("Image Loading selesai");
}
</script>
Atau gunakan jQuery:
Salinan kode adalah sebagai berikut:
$ ("#ImageId"). Load (function () {
peringatan ("Memuat selesai!");
});
Sejauh ini kami dapat mengoptimalkan kode
Salinan kode adalah sebagai berikut:
$ ("#tlogo"). Load (function () {
var img = gambar baru ();
img.src = $ ('#tlogo'). attr ('src');
if (img.width> '240') {
$ ('#tlogo'). attr ('width', '240');
}
});
Catatan di sini: #tlogo adalah ID yang ditambahkan ke alamat gambar Anda. Ini adalah suatu keharusan.