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")

 

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.

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

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


Topik: Responsive