2017-08-04 38 views
1

我一直在使用<img expr:src='data:post.thumbnailUrl'/>在我的主頁上顯示縮略圖,該縮略圖會輸出最初用於移動瀏覽的72x72方形圖像。然後,我使用jquery將圖像從72-c縮放到s300。我想知道是否有不同的方法來獲取縮略圖而不使用js。如何在Blogger上顯示更高分辨率的縮略圖

由Blogger發佈的新套模板可以使用data:post.featuredImage輸出32,64,128和256 px中的縮略圖大小。我如何將它應用於自定義模板?

回答

3

利用resizeImage運算符未通過JavaScript更改圖片大小。該代碼將看起來像 -

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

resizeImage(IMAGEURL,新尺寸,optionalRatio)

的resizeImage運營商需要3個參數:

IMAGEURL - 可調整大小的圖像的原始URL。
新尺寸 - 新 寬度圖像
(可選)的 - 寬度與高度 的整數比爲尺寸調整的圖像,例如「1:1」或「4:3」

如果IMAGEURL參數不是一個可調整大小的圖像,則resizeImage 函數將返回原IMAGEURL。
該比例必須是整數 數字。
如果提供比率,圖像將被裁剪爲精確尺寸的那些 。

+1

完美地工作。謝謝! – WebDev

相關問題