Cara Penggunaan effect() pada Gambar menggunakan Jquery-ui
Jquery adalah sebuah library javascript yaitu berupa kumpulan kode-kode javascript yang siap gunakan. Lalu hadir lah sebuah jquery-ui atau jquery user interface dimana bertujuan bagi memaksimalkan program dengan blog dari segi user interface atau dapat dibilang khusus di bagian front-end.
Di kesempatan kali ini kita akan membahas mengenai Cara Pemakaian effect() di Gambar menggunakan Jquery-ui. Jquery-ui menyediakan banyak sekali fitur-fitur yang dapat kita gunakan pada memaksimalkan program kita terutama di bagian front-end dan teman-teman dapat melihat dan mempelajari fitur-fiturnya diwebsite resminya yaitu http://jqueryui.com.
Namun dipembahasan kali ini kita hanya membahas diantara fitur yang terdapat di jquery-ui yaitu effect(). Sebetulnya effect() pun ada di jquery namun saya disini menggunakan jquery-ui lebih mudah dan gampang.
Selaku contoh mari kita praktekan, buatlah folder terlebih dahulu, kemudian siapkan sebuah gambar dan letakan didalam folder tsb. Disini saya menggunakan gambar dibawah ini :
Sekiranya telah, langkah berikutnya jalankan/run text-editor yang teman-teman gunakan, lalu ketiklah script seperti di gambar dibawah ini :
Sekiranya telah, penjelasan di kode diatas kita membutuhkan sebuah library jquery dan jquery-ui, lalu kita tambahkan sedikit style bagi merubah jenis cursor dan ketika kita klik karenanya kita berikan effect/animasi berupa explode di element gambar tsb.
Sekiranya telah simpan, kemudian silahkan coba teman-teman jalankan/run dibrowser yang teman-teman gunakan. Karenanya hasilnya akan menjadi seperti di gambar dibawah ini :
Dari hasil gambar diatas adalah sebuah effect explode yang telah disediakan oleh jquery-ui. Bagi kedepannya silahkan teman-teman baca baca diwebsite resminya jquery-ui disana telah disediakan beragam macam animasi.
Oke kalau semacam itu lumayan demikian pembahasan kali ini mengenai Cara Pemakaian effect() di Gambar menggunakan Jquery-ui. Semoga bermanfaat dan hingga bertemu dipembahasan berikutnya.
Terimakasih
Sumber https://kursuswebsite.org