Pada tutorial kali ini kita akan mencoba membuat Slide Control dengan Jquery, Apa sih slide control itu? Pada dasarnya kita akan mengontrol isi dari sebuah input text hanya dengan menyeret pengontrol nya saja.

Jquery Slide Control
Ini bagus jika anda ingin menggunakannya untuk mempercantik form ketika terdapat field untuk mengisi berat badan misal nya, atau tinggi badan, atau jika di sebuah website e-commerce ini bisa digunakan untuk mempercantik field jumlah barang yang ingin dibeli, atau jika ada sedang membuat website musik, nah ini bisa digunakan untuk mengatur volume dll. Ya kira-kira penggunaanya seperti itu lah.
Oke kita mulai
Pertama siapkan sebuah folder js, berisi file berikut:
- jquery.js
- jquery.slideControl.min.js
Plugin Jquery Slide Control bisa didapat disini.
Selanjutnya siapkan folder css berisi file berikut:
- slideControl.css
- style.css
Oke sekarang buat sebuah file bernama index.html, diletakan diluar folder js, dan css
Isinya kira-kira sebagai berikut
Sedangkan isi file css/style.css adalah sebagai berikut:
Hasilanya adalah seperti berikut ini
Hasilnya adalah sebagai berikut ini.
Sekian tutorial kali ini, semoga ini bisa membantu mempercantik website yang sedang anda buat.
Salam Web Design Indonesia…
itu cara nambah jumlah angkanya gimana? misalkan mau di edit dari 10 jadi 100 tapi tanpa harus merubah ukuran slidenya.