Blog Request tutorial? klik disini!

  • Cara Membuat Animasi Zoom Scrolling Pada Gambar Menggunakan JQuery

    Ditulis oleh: Faizal Rafik
    2249 kali dibaca
    22 Nov / 2014 18:25

    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






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155