hallo teman-teman? berjumpa lagi pada tutorial dumet school, kalau sebelumnya saya pernah membahas bagai mana cara memasang jquery zebra datepicker , kali ini saya akan membahas bagai mana cara memasang salah satu plugin jquery yaitu innerfade, slider image merupakan suatu tampilan yang sering sekali kita temukan pada website manapun, dan slider image ini juga banyak macamnya dan salah satunya adalah innerfade,

1. teman teman buat sebuah folder terlebih dahulu
2. pilih beberapa gambar dan letakan di dalam folder images, dan letakan folder images ke dalam filder yang kita buat pertama kali
3. teman-teman download plugin jquery innerfade terloebih dahulu,
4. lalu ekstrak filenya, lalu copykan folder js nya saja ke dalam folder yang kita buiat sebelumnya
5. teman teman buat sebuah file html dan ketikan script berikut :

html

6. jika sudah teman teman save, lalu kita akan menghubungkan file jquery innerfade yang kita download tadi, teman-teman ketikan script berikut :

jslink

letakan scrit tersebut di antara tag head.

7. teman-teman ketikan text javascrpt guna untuk menjalankan jquery inner fade tersebut, ketikan script berikut :

textjavascript

8 jika sudah teman teman save, lalu jalankan pada browser, jika benar maka di browser akan tampil gambar dimana gambar tersebut akan berganti-ganti,

#note saya tidak mengatur css nya, agar teman teman bisa mengatur stylenya dengan kreatifitas masing masing 😀

oke cukup sekian artikel kali ini , selamat mencoba:)