jQuery Auto Ganti/Replace Broken URL Gambar

Foto/ Image jika dihapus dari direktori, tentunya akan memunculkan error jika urlnya di akses dari browser..

Untuk url gambar yang di host blogger/blogspot sendiri, jarang sekali terhapus, kecuali dihapus manual lewat album web picasa.

Tapi beda cerita ketika kita mengambil url gambar dari hosting lain, hosting idhostinger gratisan misalnya, terkadang gambar tidak dapat diload jika telah menghabiskan disk space maksimal.

Nah untuk mengantisipasi terjadinya hal itu, mungkin ada baiknya jika kita menyiapkan gambar pengganti, misalnya gambar berisi tulisan "Gambar tidak dapat ditampilkan" dan lain sebagainya.

Untuk mengganti otomatis gambar yang rusak tersebut, bisa dilakukan dengan trik dibawah:
  • Buka template blog Anda.
  • Masukkan jQuery ini diatas </body>
<script type="text/javascript">
$("img").error(function () {
  $(this).unbind("error").attr("src", "URL_gambar_pengganti");
});
</script>
  • Ganti URL_gambar_pengganti dengan URL gambar baru.
  • Simpan Template dan lihat hasilnya

Pilihan kedua
Jika Anda ingin mendapatkan umpan balik pengunjung terhadap gambar yang rusak tersebut, Anda dapat menambahkan link tautan menuju ke halaman pelaporan Link Rusak. Misalnya seperti ini:
<script type="text/javascript">
$("img").error(function () {
  $(this).unbind("error").after(" Gambar INI Rusak <a href='/laporkan-gambar-rusak.html'>Laporkan</a>");
});
</script>
Dengan cara kedua ini, saya rasa akan lebih efektif dalam memperbaiki gambar yang tidak dapat dilihat di blog Anda.
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini