Menambahkan Class Baru Pada Seluruh Gambar Supaya Responsive

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
0 Response to "Menambahkan Class Baru Pada Seluruh Gambar Supaya Responsive"
Post a Comment