Penggunaan fungsi PRE-LOAD pada PHP
|
Salam hangat teman-teman, semoga teman-teman sehat selalu ya, Pada tutorial kali ini saya akan mencoba membagi Cara Membuat Preloader Menggunakan Javascript. Fungsi dari preloader adalah untuk memeberi informasi kepada user bahwa suatu halaman website atau suatu file pada website sedang di load, karena di takutkan user mengira halaman atau file yang di akses itu kosong maka kita buatlah preloader. Sekarang saya
akan mencoba memberikan tutorial Cara Membuat Preloader Menggunakan Javascript secara singkat berikut langkah-langkahnya: – Pertama teman-teman buat HTML-nya dulu:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <!DOCTYPE html> <html> <head> <title>Preloader</title> <link rel="stylesheet"
type="text/css"href="style.css"> </head> <body> <div id="overlay"><!--sebagai id yang akan kita ambil untuk
javascriptnya--> <h2 style="color: white; text-align: center">Mohon Bersabar Ini Ujian</h2> <div class="putar"></div><!--animasi
preloader--> </div> <!--file yang akan di tampilkan setelah preloader selesai--> <center> <iframe
width="560"height="315"src="https://www.youtube.com/embed/uUEam-gTXTY"frameborder="0"allowfullscreen></iframe> </center> </body> </html>
Di sini saya menggunakan video sebagai file yang akan di loadnya. Jangan lupa save dengan nama index.html – Kedua teman-teman ketikan kode CSS3 di bawah ini:
lalu save dengan nama style.css – Ketiga teman-teman buat file javascriptnya
Save dengan nama putar.js, penjelasan tentang scriptnya sudah saya beri commenting pada script di atas. dan jangan lupa beri link script di atas tag penutup |
