Dalam tutorial ini, kita akan membuat animasi background image HTML dengan menggunakan jQuery dan CSS. Dalam tutorial sebelumnya, kita telah membuat jquery tooltips menggunakan bootstrap. Dalam tutorial ini, saya akan membuat background image bergerak ke arah vertikal atau horizontal. Untuk membuat background image bergerak vertikal dan horizontal saya mengubah posisi x atau y dari background image berdasarkan arah yang dipilih.

Script HTML untuk Animasi Background Image

Script di bawah untuk membuat background image dan button animation control untuk menggerakan background animation image,

Animasi Background Image jQuery

Script dibawah ini terdapat dua fungsi. Fungsi scrollBg () digunakan untuk mengubah posisi background image dengan menggunakan jQuery. Dalam fungsi ini, saya menggunakan fungsi Javascript setInterval () untuk mengubah posisi setiap 10 detik.

Fungsi script dibawah ini digunakan untuk mengubah arah animasi background image pada posisi vertikal atau horizontal.

Dari script di atas maka akan menghasilkan output seperti di bawah ini,

Cara Membuat Background Image Animation dengan jQuery

Oke itulah tadi pembahasan saya tentang Cara Membuat Background Image Animation dengan jQuery, semoga bermanfaat.