Blogger的JS函数代码中如何调整缩略图的默认分辨率？

Posted 2023-03-29

【中文标题】Blogger的JS函数代码中如何调整缩略图的默认分辨率？

【英文标题】：How to Resize the Default Resolution of Thumbnails in JS function code for Blogger?

【发布时间】：2021-08-05 05:17:09

【问题描述】：

如何调整以下代码中缩略图的默认分辨率？使用此代码，我在我的网站上获得了非常低质量的图像。那么，如何使用此代码提高图像质量？

function getPosts(json) 
  var posts = "<ul class=mbtlist>";
  for (var i = 0; i < json.feed.entry.length; i++) 
    var title = json.feed.entry[i].title.$t;
    var url = json.feed.entry[i].link.pop().href;
    var thumbnail = json.feed.entry[i].media$thumbnail.url;
    posts += "<li>" + 
               "<a class='mbttitle' href='" + url + "'>" + 
                 "<img src='" + thumbnail + "'>" + 
                  title + 
               "</a>" + 
             "</li >";
  
  posts += '</ul>';
  document.getElementById('container').innerhtml = posts;

<div id="container"></div>
<script src="https://www.sebahotnews.org/feeds/posts/default/-/জাতীয়?max-results=4&alt=json&callback=getPosts"></script>

【问题讨论】：

如果源图像质量低，将图像尺寸添加到上述代码将无济于事

我的另一个函数有这个代码：sk= thumbUrl.replace("/s72-c/","/s"+ImageSize+"/"); ListImage= "'" + sk.replace("?imgmax=800","") + "'"; （如何在我的回答代码上添加此代码？）

如何调整Blogger这个JS函数代码中缩略图的默认分辨率？

【参考方案1】：

<script>
function getPosts(json) 
    var posts = "<ul class=mbtlist>";
    for (var i = 0; i < json.feed.entry.length; i++) 
        var title = json.feed.entry[i].title.$t;
        var url = json.feed.entry[i].link.pop().href;
        if (json.feed.entry[i].media$thumbnail)thumbUrl = json.feed.entry[i].media$thumbnail.url;thumbnail= thumbUrl.replace("/s72-c/","/s"+400+"/");

posts += "<li><a class='mbttitle' href='" + url + "'><img src='" + thumbnail + "'>" + title + "</a></li>";
    
   posts+='</ul>';
    document.getElementById('container').innerHTML = posts;

</script>