Cara Membuat Slider Responsive Dengan Plugin jQuery Sequence.js

Seperti yang sudah kita ketahui teman-teman, selama beberapa tahun belakang ini jQuery telah menjadi standart baru untuk kita menyajikan content dan gambar secara terorganisir di web. Karena jQuery adalah sebuah plugin yang mudah di gunakan, ringan, dan memiliki kemungkinan yang tidak terbatas, percaya atau tidak, 60,5% jQuery banyak di gunakan di semua situs web sekarang-sekarang ini. Salah satu tantangan  terbesar yang di hadapi oleh para pengembang web adalah, sering mengalami masalah dalam menyajikan banyak informasi di dalam ruang yang terbatas. Nah di sinilah jQuery Slider hadir untuk mengatasi masalah tersebut. Meskipun ada banyak plugin jQuery Slider yang tersedia di web, tetapi hanya sedikit dari plugin jQuery tersebut yang dapat mendukung tampilan Responsive dan mendukung transisi CSS3.

Plugin jQuery Sequence.js adalah salah satu plugin yang mendukung tampilan Responsive dan transisi CSS3. Nah pada tutorial kali ini kita akan meilihat sedikit fitur apa saja yang ada di plugin jQuery Sequence.js ini dan setelah itu kita akan coba membuat slider menggunakan plugin jQuery Sequence.js ini.

Fitur yang ada pada plugin jQuery Sequence.js :

- Open Source

- CSS3 Transitions

- Full Responsive

- Cross-Browser Compatible

- Support Touch Device

- Over 40 Options

- Pre-built Themes

Nah itulah beberapa fitur yang ada pada plugin jQuery Sequence.js ini, sekarang kita akan coba membuatnya ya teman-teman.

Langkah yang pertama kalian bias mendownloadnya terlebih dahulu plugin jQuery Slider Sequence.js nya di sini.

Kemudian kalian bisa include script jQuery di bawah ini pada file HTML kalian.

Untuk Struktur HTML nya seperti gambar dibawah ini.

Dan yang terakhir kalian bisa panggil file CSS nya di dalam tag <head> seperti gambar dibawah ini.

Untuk melihat hasil kalian bisa klik tombol demo dibawah ini.

Demo