Javascript Image Preloading

Javascript Image Preloading

Javascript Image Preloading - Seperti pada judul artikel kali ini, Javascript Image Preloading ini memang didesain dengan memanfaatkan kode atau elemen DIV di dalam javascriptnya, yang difungsikan untuk membentuk konfigurasi penataan dan tampilan gambar / image serta teks. Dengan memanfaatkan fungsi seperti ini, ketika sebuah blog dibuka, maka akan ditampilkan gambar / image atau teks yang memberi pertanda bahwa blog sedang dalam proses loading / membuka.

Langsung saja untuk anda yang ingin memasang Javascript Image Preloading ini, silahkan ikuti langkah-langkahnya dibawah ini:
1. Login ke akun blogger sobat.
2. Lalu masuk ke Template  > Edit HTML.
3. Copy paste kode di bawah ini lalu pasang di atas kode </head>
 <script type='text/javascript'>
var ld= (document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
  if (ns4)
   ld = document.loading;
   else if (ns6)
 ld = document.getElementById("loading").style;
   else if (ie4)
 ld = document.all.loading.style;
function init(){
  if(ns4){ld.visibility="hidden";}
   else if (ns6||ie4) ld.display="none";
}
</script> 
4. Setelah itu cari kode </body> lalu ganti dengan kode berikut
 <body onLoad='init()'>
<div id='loading' style='position:fixed;top:0;left:0;bottom:0;right:0;background:#fff;z-index:10;'>
<img alt='Loading' src='http://i1216.photobucket.com/albums/dd361/Garyu70/Blog/ajax-loader_thumb.gif'/></div> 
5. Simpan Template dan lihat hasilnya.

Bagaimana? cukup mudah bukan tutorial kali ini tentang "Javascript Image Preloading", semoga artikel kali ini bisa bermanfaat untuk anda para pembaca setia blog saya ini. Sampai Jumpa :)
Javascript Image Preloading Javascript Image Preloading Reviewed by Mgs Rama Dony on 11:35 AM Rating: 5

No comments:

Silahkan berkomentar sesuai topik artikel diatas.
1. Jangan tinggalkan link akitf
2. Jangan gunakan kata kotor, spam, sara, atau provokasi lain
3. Gunakanlah form komentar dengan baik dan bijak

Powered by Blogger.