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>
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> <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>
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 :)
Tidak ada komentar untuk *Javascript Image Preloading!
Silahkan berkomentar sesuai topik artikel diatas dan jangan buang waktu anda hanya untuk membuat komentar SPAM disini.