Saya lanjutkan dari sesi sebelumnya, pada kesempatan kali ini saya akan menjelaskan cara membuat loading spinner gambar dengan jquery part2, jika pada sesi sebelumnya teman-teman sudah membuat dua buah file yaitu file index.html dan contohLoading.js, dimana pada file index.html tersebut adalah untuk menampilkan layout beserta dengan gambar-gambar yang dibutuhkan, sedangnkan pada file contohLoading.js adalah untuk menampung kode function Library JavaScript (jQuery) yang digunakan untuk membuat loading spinner tersebut. Sampai disini teman-teman tinggal buat satu buah file css untuk desain loading tersebut.

Berikut Kelanjutannya :

  • Saya asumsikan teman-teman sudah buat file index.html dan contohLoading.js pada sesi sebelumnya
  • Selanjutnya teman-teman buat lagi satu buah file css dengan nama style.css yang sejajar dengan kedua file yang sudah dibuat sebelumnya, dan ketikan kode seperti berikut :

  • Jika sudah teman-teman save ketiga file tersebut, dan seperti yang sudah teman-teman buat, teman-teman memiliki tiga buah file dengan nama index.html, contohLoading.js dan style.css.
  • Jika sudah teman-teman coba akses file index.html tersebut melalui browser di komputer teman-teman, dan untuk gambarnya tinggal teman-teman sesuaikan dengan gambar yang teman-teman butuhkan.

Sampai di sini penjelasan saya mengenai cara membuat loading spinner gambar dengan jquery, semoga bermanfaat.