Wednesday 27 August 2014

JAVASCRIPT IMAGE PRELOADING [BLOG]

Sesuai dengan namanya, Javascript Image Preloading ini memang didesain dengan memanfaatkan kode/elemen DIV di dalam javascriptnya, yang difungsikan untuk membentuk konfigurasi penataan dan tampilan gambar / image serta teks.


 BERIKUT CARANYA

1. Login ke Akun BLOGGER agan.
2. Masuk Rancangan > EDIT HTML
3. Copy/Paste kode di bawah ini tepat di atas kode </head>
  1. <script type='text/javascript'>
  2. var ld= (document.all);
  3. var ns4=document.layers;
  4. var ns6=document.getElementById&&!document.all;
  5. var ie4=document.all;
  6. if (ns4)
  7. ld = document.loading;
  8. else if (ns6)
  9. ld = document.getElementById("loading").style;
  10. else if (ie4)
  11. ld = document.all.loading.style;
  12. function init(){
  13. if(ns4){ld.visibility="hidden";}
  14. else if (ns6||ie4) ld.display="none";
  15. }
  16. </script>
4. Cari Kode </body> ganti dengan kode di bawah ini.

<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/CircleGreenBlackLoader.gif'/></div>

5. Save & Preview


Demo

No comments:

Post a Comment

Peraturan Dalam Berkomentar :
[+] Marilah Kita Budayakan Berkomentar Sesudah Membaca Artikel.
[+] Dilarang Menghina, Promosi Atau Iklan, Menyelipkan Link Aktif Dan Non Aktif
[+] Dilarang Berkomentar Yang Mengandung Unsur Porno, Spam, Sara, Politik, Profokasi.
[+] Budayakan Berkomentar Dengan Sopan, Bijak, dan Sesuai Artikel (Dilarang Berkomentar Diluar Topic).
[+] Jika Kalian ingin bertanya di luar topic anda bisa kunjungi link tersebut
http://zatykhan.blogspot.com/p/blog-page.html