So zeigen Sie Miniaturbilder mit höherer Auflösung auf Blogger an

Question

Während dieser ganzen Zeit habe ich <img expr:src='data:post.thumbnailUrl'/> verwendet, um Thumbnails auf meiner Homepage anzuzeigen, die ein 72x72 quadratisches Bild ausgibt, das ursprünglich für das mobile Surfen gedacht war. Ich benutze dann jQuery, um das Bild von 72-c zu s300 zu skalieren. Ich frage mich, ob es einen anderen Ansatz gibt, ein Thumbnail zu erhalten, ohne js zu verwenden.

Die neue Gruppe von Vorlagen, die von Blogger veröffentlicht wurden, kann eine Miniaturgröße in 32, 64, 128 und 256 px mit den Daten: post.featuredImage ausgeben. Wie kann ich dies auf benutzerdefinierte Vorlagen anwenden?

Answer 1

Verwenden Sie den Operator resizeImage, um die Bildgröße ohne JavaScript zu ändern. Der Code wird wie folgt aussehen -

<img expr:src='resizeImage(data:post.thumbnailUrl, 1600)'/> 

resizeImage (imageUrl, newSize, optionalRatio)

Der resizeImage Operator nimmt 3 Parameter:

imageUrl - Die ursprüngliche URL des resizable Bild.
newSize - Die neue Breite des Bild
(optional) Verhältnisses - das ganzzahlige Verhältnis von Breite zu Höhe für das Größe geänderte Bild, z.B. „1: 1“ oder „4: 3“

Hinweise

Wenn der imageUrl Parameter kein Bild der Größe veränderbar ist, wird die Funktion resizeImage die ursprüngliche imageUrl zurückzukehren.
Das Verhältnis muss ganzzahlig sein Zahlen.
Wenn das Verhältnis angegeben ist, wird das Bild auf die genauen Abmessungen zugeschnitten.