Mungkin diantara kalian ada yang penah mengalami kasus seperti saya. Kejadiannya ketika saya mencoba membuatkan template baru untuk teman saya pada blog baru yang barusan dia buat.
Dalam requestnya dia ingin ditambahkan random-post dengan thumbnail dimana sumber postingannya berasal dari website lain. Setelah saya buatkan ternyata saya menemui masalah yaitu gambar thumbnail yang digenerate dari web lain tersebut tidak bisa terlihat dengan jelas alias ng-blur. Bingung, dong..
Setahu saya sih, ketika kita memperbaiki gambar thumbnail blur, kita tinggal mengganti kode HTML pada post-body (tutorial bisa dicari di google, banyak kok yang bahas 😁). Nah, di kasus ini, saya sudah memperbaiki dengan mengubah kode HTML di web asal random-post, dan ternyata gagal.
Setelah saya browsing-browsing akhirnya ketemu kodenya di stakoverflow.com. Ada yang membahas tentang thumbnail yang ng-blur. Tapi setelah saya coba, tenyata masih gagal juga. Hampir saja saya menyerah, dan setelah diam sebentar sambil mengamati baris kode yang saya dapat dari website tersebut, saya mulai dapat titik terang.
Sambil mengutak-atik dan melakukan beberapa percobaan terhadap kode tersebut, dan setelah saya coba berulang-kali akhirnya percobaan saya berhasil. Dan kode yang saya dapatkan adalah sebagai berikut.
$(document).ready(function(){$("ul#random-posts").find("img").each(function(t,a){(a=$(a)).attr({src:a.attr("src").replace(/s\B\d{2,4}/,"s1600")}),a.attr("width","100%"),a.attr("height","auto")})});
Kode yang saya dapat dari stackoveflow diatas yang saya coba utak atik adalah pada kode "replace(/s\B\d{2,4}/,"s1600", yang awalnya adalah "replace(/s\B\d{2,4}/,"w1600;replace(/s\B\d{2,4}/,"h1600".
Dan jika anda ingin mencoba kode diatas, silakan ubah yang saya tandai dengan class atau ID yang ditarget. Jika terdapat lebih dari satu target, tinggal menambahkan koma (,) saja.
Demikian sharing pengalaman saya mengenai mengatasi gambar thumbnail yang ngblur dengan javascript, semoga bermanfaat. Dan terima kasih telah mengunjungi blog Agung Jaka Nugraha. Wassalam