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


Baca juga : Backup Otomatis PostgreSQL di Linux

$("img").addClass(" responsive-img")

 


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

2. Tanpa Menggunakan jquery



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 : Belajar Codeigniter dengan Praktek Langsung

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


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



Topik: Responsive