Cara Membuat Animasi Zoom Scrolling Pada Gambar Menggunakan jQuery

22/11/2014    Faizal Rafik    2374     Website

Animasi Zoom Scrolling adalah animasi pada sebuah gambar dimana saat kita scroll halaman website tersebut ke bawah maka kalian akan melihat efek membesar atau mengecil pada gambar tersebut secara perlahan. Efek Animasi Zoom Scrolling ini bisa kita sebut juga dengan efek Parallax, dimana efek tersebut terlihat hidup saat kita scroll. Untuk membuat efek ini kalian membutuhkan Plugin jQuery yaitu jQuery.Zoom-Scroller.js. Dengan Menggunakan efek ini kita bisa sedikit menarik perhatian user saat mereka berkunjung ke halaman website kalian. Untuk menggunakan plugin jQuery.Zoom.Scroller.js ini kalian bisa ikuti langkah-langkahnya di bawah ini.

Kita akan membuat tampilan Efek Zoom Scrolling nya seperti gambar di bawah ini :

Untuk struktur HTML nya seperti gambar dibawah ini :

Dan Plugin jQuery nya seperti gambar berikut :

Buat kalian yang ingin melihat hasilnya dan mendownload source kode secara keseluruhan kalian bisa klik link dibawah ini.

Demo | Download

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More