Membuat aplikasi slide foto dengan javascript dan jquery. - Belajar Web
News Update
Loading...

Sabtu, 13 Februari 2021

Membuat aplikasi slide foto dengan javascript dan jquery.


Hallo temen-temen.. kali ini saya akan membagikan aplikasi yang sangat sederhana. ya, sesuai judulnya, aplikasi ini hanya akan menampilkan slide foto saja ya. foto yang ditampilkan pun cukup terbatas. yaitu hanya sebanyak 1-5 foto saja ya. memang sangat sederhana.


Untuk mendownloadnya, kalian bisa klik link https://github.com/mohammn/slideFoto. maka akan tampil halaman seperti dibawah ini.

untuk mendownloadnya, silahkan klik tombol "Code" hijau. lalu klik download zip. setelah berhasil, slihkan ekstrak saja. lalu buka file "index.html" menggunakan browser. maka aplikasi sederhana ini akan terbuka.

Sebelum membuka aplikasi sederhana ini, silahkan siapkan foto yang akan kalian tampilkan. usahakan, nama nya simple saja ya. misalkan huruf abjad dan jangan ada karakter aneh. setelah itu, silahkan copy file gambar atau foto kalian kedalam folder 'foto' seperti dibawah ini.

setelah aplikasi sederhana ini dibuka, maka akan tampil form dialog untuk meminta inputan gambar seperti dibawah ini. slide foto yang ditampilkan juga bawaan dari saya ya.

silahkan klik tomboll 'choose file' atau 'pilih file' ya. lalu pilih semua gambar yang ingin kalian tampilkan. silahkan block dengan cara menekan tombol 'ctrl' pada keyboard dan klik pada foto yang diinginkan. ingat, maksimal 5 gambar saja ya. hehe

setelah memilih, silahkan tekan tombol 'tutup' biru, dan foto akan langsung ditampilkan secara bergantian ya. aplikasi ini bisa berguna sebagai hiasan, penampil diskon toko, dan kebutuhan-kebutuhan sehari-hari lainnya.

baik, sampai disini dulu bahasan kita kali ini. jangan lupa share ya. terimakasih :)

Share with your friends


Notification
This is just an example, you can fill it later with your own note.
Done