Oke bertemu lagi, untuk artikel kali ini saya akan mencoba memberikan Cara Merubah lebar gambar ketika di click dengan jquery, dimana biasanya kita harus mengedit cssnya untuk merubah lebar dari suatu gambar, betul atau tidak? hehe, tapi lagi-lagi dengan jquery kita bisa merubah secara otomatis, tidak otomatis si sebenarnya, tetapi dengan kita mengklik gambarnya maka akan terjadi perubahan pada gambar tersebut, oke bagaimana caranya simak terus ya.

Jadi disini untuk Cara Merubah lebar gambar ketika di click dengan jquery, kasusnya seperti ini, saya mempunyai sebuah gambar dimana gambar itu ketika saya klik maka gambar yang kita klik itu akan membesar seperti itu, paham ya, kita klik akan membesar lagi, disini saya belum membuat untuk mengecilkannya, nanti bisa saya bahas pada artikel selanjutnya jika teman-teman penasaran, oke untuk method yang saya pakai adalah ada event click, dan animate, cukup dua saja, pastinya jika teman-teman mengikuti artikel saya sebelumnya sudah paham ya, tentang animate.

Dengan animate conten akan berubah secara transisi, maksudnya dikit demi sedikit ya, jadi tidak langsung sekejap berubah seperti itu, jadi terlihat lebih smooth ya, jika teman-tema masih belum paham nanti akan saya jelaskan ulang ya. Oke tanpa menunggu lama silahkan teman-teman perhatikan kode berikut ini:

Walaupun cukup panjang silahkan teman-teman copy saja untuk melihat hasilnya, dan memang saya suka membuat yang panjang supaya masuk contoh kasus ya, oke sekarang kita lihat hasilnya:

Cara Merubah lebar gambar ketika di click dengan jquery

gambar di atas adalah sebelum di klik ya.

Cara Merubah lebar gambar ketika di click dengan jquery

dan gambar di atas adalah setelah di klik ya, jadi sedikit melebar karena disini saya membuat dengan $(this).animate({width:$(this).width()*2},1000) , dimana yang artinya saya akan mengkalikan dua dari lebar sesungguhnya, seperti itu, oke saya rasa cukup sampai disini dulu belajar kita tentang Cara Merubah lebar gambar ketika di click dengan jquery, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.