Menambahkan Class Baru Pada Seluruh Gambar Supaya Responsive



Sumber Gambar: https://helpx.adobe.com

Ceritanya saya hendak membuat semua gambar yang ada dalam postingan otomatis ditambahkan class baru supaya gambarnya menjadi responsive, dan saya menemukan solusinya, erikut adalah kode yang bisa digunakan.


1. Menggunakan Jquery


$("img").addClass(" responsive-img")
Baca juga : Backup Otomatis PostgreSQL di Linux


 


2. Tanpa Menggunakan jquery


Baca juga : Upgrading Sistem Informasi Akademik dan Keuangan (SIAK) Kampus UMMI


var images = document.getElementsByTagName("img");
var i;
for(i = 0; i < images> images[i].className += " responsive-img";
}

Oh iya, class " responsive-img" adalah class yang digunakan dalam materializecss, kalau untuk bootstrap berarti " img-responsive", saya tambahkan spasi di awal supaya ketika ada class lain tidak menyatu tulisannya.


Baca juga : Membuat Wireless (Wi-Fi) Hotspot di Ubuntu 16.4 / 18.04

Referensi : https://stackoverflow.com/questions/ 6304233/adding-a-class-to-img-tags- using-javascript


 Sumber Gambar: https://helpx.adobe.com



Topik: Responsive

Tentang Penulis

Kang Ruswan
Kang Ruswan