Minggu, 30 Juni 2013

Mengatasi gambar yang tidak terbuka dengan jquery


Pernah gak kita membuka website/blog yang mempunyai gambar tapi karena koneksi kita yang lemot atau memang tautan gambarnya yang rusak jadi gambarnya tidak tampil, biasa gambar rusak itu iconnya seperti ini.

Error Image

Nah dengan snippet jquery yang saya temukan dari Smipple ini kita bisa jadikan sebagai alternatif jika gambar tidak termuat / karena tautan gambar telah rusak. Simpan kodenya dibawah Framework jquery anda

<script type="text/javascript">
$(function(){
$('img').error(function() {
$(this).attr('alt', 'gambar rusak').attr('src', 'http://www.urlgambar-alternatif-anda.jpg');
});
});
</script>

CONTOH

Silahkan lihat sumber kode dari link contoh tersebut untuk melihat kode aslinya. oh iya karena cara ini memanfaatkan jquery jadi gambarnya juga akan termuat setelah jquery selesai termuat.