Pada kesempatan kali ini saya akan membahas tutorial tentang cara membuat swap image dengan Javascript. Dalam pembahasan artikel ini saya akan membuat swap atau menukar posisi image yang disediakan hanya beberapa gambar dulu yaaa, Nanti dimana ketika klik tombol maka posisi gambar bertukar posisinya, baiklah supaya tidak penasaran lagi ikuti langkah-langkah berikut ini :

Langkah pertama siapkan struktur HTML-nya dahulu berisi gambar serta tombol yang akan dipakai :

Langkah selanjutnya siapkan file CSS-nya seperti dibawah ini :

Langkah selanjutnya ketikan script untuk Javascript berikutnya:

untuk javascript diatas saya membuat beberapa variable untuk dipakai berhubungan dengan ID serta SRC digunakan.Cara membuat swap images dengan javascript

 

Tampilan gambar Sebelum Tombol di klik

posisi awal sebelum di klik

Tampilan gambar Sesudah Tombol di klik

posisi-setelah-tombol-diklik

Baiklah saya cukupkan pembahasan artikel ini tentang cara membuat swap image dengan javascript. semoga bermanfaat dan selamat mencoba.