Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Mengalih Keluar Ikon \'Imej Tidak Ditemui\' Secara Senyap daripada Tapak Web Saya?

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

Susan Sarandon
Lepaskan: 2024-11-24 22:41:13
asal
228 orang telah melayarinya

How Can I Silently Remove the

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">
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan