Selama ini saya telah menggunakan <img expr:src='data:post.thumbnailUrl'/> untuk menampilkan thumbnail di beranda saya, yang menampilkan gambar persegi berukuran 72x72 yang awalnya dibuat untuk penelusuran seluler. Saya kemudian menggunakan jquery untuk menskalakan gambar dari 72-c ke s300. Saya ingin tahu apakah ada pendekatan berbeda untuk mendapatkan thumbnail tanpa menggunakan js.
Kumpulan template baru yang dirilis oleh Blogger dapat menampilkan ukuran thumbnail yang tersedia dalam 32, 64, 128, dan 256 px menggunakan data:post.featuredImage. Bagaimana saya bisa menerapkan ini ke template khusus?
Solutip
Manfaatkan operator resizeImage untuk mengubah ukuran gambar tanpa JavaScript. Kode akan terlihat seperti:
<img expr:src='resizeImage(data:post.thumbnailUrl, 1600)'/>
resizeImage(imageUrl, newSize, OptionRatio) Operator resizeImage mengambil 3 parameter:
- imageUrl - URL asli dari gambar yang dapat diubah ukurannya.
- newSize - Rasio lebar baru gambar
- (opsional) - Rasio bilangan bulat dari lebar ke tinggi untuk gambar yang diubah ukurannya, misalnya "1:1" atau "4:3"
Catatan
- Jika parameter imageUrl bukan gambar yang dapat diubah ukurannya, fungsi resizeImage akan mengembalikan imageUrl asli.
- Rasio harus bilangan bulat.
- Jika rasio disediakan, gambar akan dipotong ke dimensi yang tepat tersebut.
