modal gambar adalah Jadi ketika kita mempunyai gambar dan ketika kita ingin ketika kita klik gambarnya maka gambar itu akan berubah menjadi besar. Seperti halnya kita menggunakan sebuah plugin, jadi tanpa plugin kita bisa membuatnya sendiri, oke jangan kemana-mana simak terus ya belajar cara membuat modal gambar dengan Javascript.

caranya cukup simple dan disini saya juga menggunakan cara yang ada di w3schools, jadi disini saya tinggal mencopynya saja, jika kita lihat modal disini kita style dengan display none, jadi modal itu kita sembunyikan terlebih dahulu, kita saya klik maka modal itu pun tampil kurang lebih seperti itu, oke langsung saja silahkan teman-teman copy saja datanya disini:

di atas adalah tag htmlnya dan yang CSSnya kita style seperti ini:

webkit itu untuk efek ketika saya mengklik sebuah gambarnya lalu gambar itu akan membesar sesuai secara perlahan, terlihat smooth, dan untuk media, ketika screen dengan max-width 700px maka modal-content 100%, oke seperti itu, dan untuk scriptnya seperti ini:

Oke bisa dilihat ya ketika gambar di klik maka akan modal jadi display block seperti ini:

cara membuat modal gambar dengan Javascript cara membuat modal gambar dengan Javascript

gambar yang kiri adalah sebelum di klik dan kanan itu ketika sudah di klik, seperti itu, oke saya rasa cukup sampai disini belajar kita tentang cara membuat modal gambar dengan Javascript, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.