Gambar slider adalah dimana gambar itu akan berganti secara otomatis ke gambar lainya, ada yang secara otomatis atau ada juga yang harus di click baru gambar itu berganti, dan disini kita akan mencoba cara membuat gambar slider menggunakan posistion jQueryUI, walaupun sudah bertebaran banyak plugin dan cantik-cantik tidak ada salahnya ya, kita mencobanya, maka dari itu jangan kemana-mana simak terus ya teman-teman.

lalu apa yang mebedakan cara membuat gambar slider menggunakan posistion jQueryUI, jika di kata simple si tidak malah saya pernah melihat sebuah plugin simple untuk membuat slider, tetapi disini kita akan belajar bagaimana cara lainya selain menggunakan plugin simple tersebut, walaupun di jqueryui sendiri ada beberapa fungsi yang sudah bawaan dari jqueryUI itu sendiri dimana seperti kasus slider ini, gambar sebelahnya terlihat sedikit dimana slider kita jadi terlihat jelek, dan jika saya lihat itu sudah di atur di dalam fungsi jqueryUInya, jadi kita tidak bisa ngotak-atik.

ok langsung saja pertama seperti biasa kita menggunakan link CDN dari jquery dan bootstrapnya, seperti ini:

jika sudah karena saya menggunakan bootstrap maka tampilannya seperti ini:

Dan silahkan masukan gambar yang teman-teman punya, dan ini adalah script yang di gunakan.

jika sudah maka hasilnya akan seperti ini:

cara membuat gambar slider menggunakan posistion jQueryUI

silahkan teman-teman silde dengan menekan tombolnya ya, dan jika berhasil akan menampilkan gambar lainya, oke saya rasa cukup sampai disini belajar kita tentang cara membuat gambar slider menggunakan posistion jQueryUI, semoga bermanfaat dan sampai jumpa pada arikel berikutnya terimakasih.

WhatsApp chat