Bagaimanakah Saya Boleh Mengalih Keluar Ikon \'Imej Tidak Ditemui\' Secara Senyap daripada Tapak Web Saya?

Mengalih Keluar Penunjuk "Imej Tidak Ditemui" Secara Senyap

Apabila sumber imej tidak tersedia, pelayar web biasanya memaparkan ikon "Imej Tidak Ditemui" generik. Ini boleh mengganggu secara visual dan tidak diingini. Begini cara untuk menyekat ikon ini dengan lancar:

Kaedah Menggunakan JavaScript/jQuery/CSS

Coretan berikut menggunakan gabungan JavaScript, jQuery dan CSS untuk menyembunyikan "Imej Tidak Ditemui" ikon:

<img onerror='this.style.display = "none"' src="image.jpg" alt="My Image">

Penjelasan:

• Sebuah HTML teg dengan sumber yang sesuai dan atribut alt digunakan untuk memaparkan imej.
• Atribut onerror menetapkan pengendali peristiwa yang mencetuskan apabila imej gagal dimuatkan.
• Pengendali acara ini menggunakan JavaScript untuk dinamik tetapkan sifat CSS paparan bagi elemen kepada "tiada", menyembunyikannya dengan berkesan daripada halaman.
• Dengan menggayakan elemen dengan paparan: tiada;, ikon "Imej Tidak Ditemui" tidak akan kelihatan dan ruang yang biasa didudukinya kekal kosong.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengalih Keluar Ikon \'Imej Tidak Ditemui\' Secara Senyap daripada Tapak Web Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!