javascript - 在脚本中调整图像大小

Question

如何让这个脚本将图像调整为宽度 200px 高度 90px？？？

我已经对脚本进行了几次调整，但是当我可以将图像调整到我想要的尺寸时，图像质量很糟糕。

谁能知道调整图像大小的变化在哪里？

<div id="feed-list-container"></div>

<div style="clear:both;"></div>



<script type="text/javascript">
var multiFeed = {
    feedsUri: [
        {
            name: "Judul Widget 1",
            url: "https://elfenliedbrazil.blogspot.com/",
            tag: ""
        },
        {
            name: "Judul Widget 2",
            url: "",
            tag: ""
        },
        {
            name: "Judul Widget 1",
            url: "",
            tag: ""
        }
    ],
    numPost: 10,
    showThumbnail: true,
    showSummary: true,
    summaryLength: 80,
    titleLength: "auto",
    thumbSize: 200,
    containerId: "feed-list-container",
    readMore: {
        text: "Selengkapnya",
        endParam: "?max-results=20"
    }
};
</script>


<script type='text/javascript'>
//<![CDATA[
// Multi Feed Loader Script by Taufik Nurrohman
// URL: http://www.dte.web.id, https://plus.google.com/108949996304093815163/about
var mf_defaults={feedsUri:[{name:"Posting JQuery",url:"http://www.dte.web.id",tag:"JQuery"},{name:"Posting CSS",url:"http://www.dte.web.id",tag:"CSS"},{name:"Widget-Widget Blogger",url:"http://www.dte.web.id",tag:"Widget"}],numPost:4,showThumbnail:true,showSummary:true,summaryLength:80,titleLength:"auto",thumbSize:200,newTabLink:false,containerId:"feed-list-container",listClass:"list-entries",readMore:{text:"More",endParam:"?max-results=20"},autoHeight:false,current:0,onLoadFeed:function(a){},onLoadComplete:function(){},loadFeed:function(c){var d=document.getElementsByTagName("head")[0],a=document.getElementById(this.containerId),b=document.createElement("script");b.type="text/javascript";b.src=this.feedsUri[c].url+"/feeds/posts/summary"+(this.feedsUri[c].tag?"/-/"+this.feedsUri[c].tag:"")+"?alt=json-in-script&max-results="+this.numPost+"&callback=listEntries";d.appendChild(b)}};for(var i in mf_defaults){mf_defaults[i]=(typeof(multiFeed[i])!==undefined&&typeof(multiFeed[i])!=="undefined")?multiFeed[i]:mf_defaults[i]}function listEntries(q){var p=q.feed.entry,c=mf_defaults,h=document.getElementById(c.containerId),a=document.createElement("div"),d="",l=c.feedsUri.length,n,k,m,g;for(var f=0;f<c.numPost;f++){if(f==p.length){break}n=(c.titleLength!=="auto")?p[f].title.$t.substring(0,c.titleLength)+(c.titleLength<p[f].title.$t.length?"&hellip;":""):p[f].title.$t;m=("summary" in p[f])?p[f].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,""):"";m=(c.summaryLength<m.length)?m.substring(0,c.summaryLength)+"&hellip;":m;g=("media$thumbnail" in p[f])?'<img src="'+p[f].media$thumbnail.url.replace(/\/s72(\-c)?\//,"/s"+c.thumbSize+"-c/")+'" style="width:'+c.thumbSize+"px;height:"+c.thumbSize+'px;">':'';for(var e=0,b=p[f].link.length;e<b;e++){k=(p[f].link[e].rel=="alternate")?p[f].link[e].href:"#"}d+='<div class="post hentry"'+(!c.autoHeight?' style="height'+c.thumbSize+'px;overflow:hidden;"':"")+">";d+=(c.showThumbnail)?g:"";d+='<div class="post-title entry-title"><a href="'+k+'"'+(c.newTabLink?' target="_blank"':"")+">"+n+"</a></div>";d+='<div class="summary">';d+="<span"+(!c.showSummary?' style="display:none;"':"")+">";d+=(c.showSummary)?m:"";d+="</span></div>";d+='<span style="display:block;clear:both;"></span></div>'}d+="";d+='<div class="more-link"><a href="'+c.feedsUri[c.current].url.replace(/\/$/,"")+"/search/label/"+c.feedsUri[c.current].tag+c.readMore.endParam+'"'+(c.newTabLink?' target="_blank"':"")+">"+c.readMore.text+"</a></div>";a.className=c.listClass;a.innerHTML='<div class="main-title"><h4>'+c.feedsUri[c.current].name+"</h4></div>"+d;h.appendChild(a);c.onLoadFeed(c.current);if((c.current+1)<l){c.loadFeed(c.current+1)}if((c.current+1)==l){c.onLoadComplete()}c.current++}mf_defaults.loadFeed(0);
//]]>
</script>

Answer 1

试试这个

<div id="feed-list-container"></div>
<div style="clear:both;"></div>
<script type="text/javascript">
var multiFeed = {
    feedsUri: [
        {
            name: "Judul Widget 1",
            url: "https://elfenliedbrazil.blogspot.com/",
            tag: ""
        },
        {
            name: "Judul Widget 2",
            url: "",
            tag: ""
        },
        {
            name: "Judul Widget 1",
            url: "",
            tag: ""
        }
    ],
    numPost: 10,
    showThumbnail: true,
    showSummary: true,
    summaryLength: 80,
    titleLength: "auto",
    thumbSize: 200,
    containerId: "feed-list-container",
    readMore: {
        text: "Selengkapnya",
        endParam: "?max-results=20"
    }
};
</script>

<script>
/*<![CDATA[*/
var mf_defaults = {
  feedsUri: [{
    name: "Posting JQuery",
    url: "http://www.dte.web.id",
    tag: "JQuery"
  }, {
    name: "Posting CSS",
    url: "http://www.dte.web.id",
    tag: "CSS"
  }, {
    name: "Widget-Widget Blogger",
    url: "http://www.dte.web.id",
    tag: "Widget"
  }],
  numPost: 4,
  showThumbnail: true,
  showSummary: true,
  summaryLength: 80,
  titleLength: "auto",
  thumbSize: 200,
  thumbWidth: 200, // new setting
  thumbHeight: 90, // new setting
  newTabLink: false,
  containerId: "feed-list-container",
  listClass: "list-entries",
  readMore: {
    text: "More",
    endParam: "?max-results=20"
  },
  autoHeight: false,
  current: 0,
  onLoadFeed: function(a) {},
  onLoadComplete: function() {},
  loadFeed: function(c) {
    var d = document.getElementsByTagName("head")[0],
      a = document.getElementById(this.containerId),
      b = document.createElement("script");
    b.type = "text/javascript";
    b.src = this.feedsUri[c].url + "/feeds/posts/summary" + (this.feedsUri[c].tag ? "/-/" + this.feedsUri[c].tag : "") + "?alt=json-in-script&max-results=" + this.numPost + "&callback=listEntries";
    d.appendChild(b)
  }
};
for(var i in mf_defaults) {
  mf_defaults[i] = (typeof(multiFeed[i]) !== undefined && typeof(multiFeed[i]) !== "undefined") ? multiFeed[i] : mf_defaults[i]
}

function listEntries(q) {
  var p = q.feed.entry,
    c = mf_defaults,
    h = document.getElementById(c.containerId),
    a = document.createElement("div"),
    d = "",
    l = c.feedsUri.length,
    n, k, m, g;
  for(var f = 0; f < c.numPost; f++) {
    if(f == p.length) {
      break
    }
    n = (c.titleLength !== "auto") ? p[f].title.$t.substring(0, c.titleLength) + (c.titleLength < p[f].title.$t.length ? "&hellip;" : "") : p[f].title.$t;
    m = ("summary" in p[f]) ? p[f].summary.$t.replace(/<br ?\/?>/g, " ").replace(/<.*?>/g, "").replace(/[<>]/g, "") : "";
    m = (c.summaryLength < m.length) ? m.substring(0, c.summaryLength) + "&hellip;" : m;
    g = ("media$thumbnail" in p[f]) ? '<img src="' + p[f].media$thumbnail.url.replace(/\/s72(\-c)?\//, "/w" + c.thumbWidth + "-h" + c.thumbHeight + "-c/") + '" style="width:' + c.thumbWidth + "px;height:" + c.thumbHeight + 'px;">' : '';
    for(var e = 0, b = p[f].link.length; e < b; e++) {
      k = (p[f].link[e].rel == "alternate") ? p[f].link[e].href : "#"
    }
    d += '<div class="post hentry"' + (!c.autoHeight ? ' style="height' + c.thumbHeight + 'px;overflow:hidden;"' : "") + ">";
    d += (c.showThumbnail) ? g : "";
    d += '<div class="post-title entry-title"><a href="' + k + '"' + (c.newTabLink ? ' target="_blank"' : "") + ">" + n + "</a></div>";
    d += '<div class="summary">';
    d += "<span" + (!c.showSummary ? ' style="display:none;"' : "") + ">";
    d += (c.showSummary) ? m : "";
    d += "</span></div>";
    d += '<span style="display:block;clear:both;"></span></div>'
  }
  d += "";
  d += '<div class="more-link"><a href="' + c.feedsUri[c.current].url.replace(/\/$/, "") + "/search/label/" + c.feedsUri[c.current].tag + c.readMore.endParam + '"' + (c.newTabLink ? ' target="_blank"' : "") + ">" + c.readMore.text + "</a></div>";
  a.className = c.listClass;
  a.innerHTML = '<div class="main-title"><h4>' + c.feedsUri[c.current].name + "</h4></div>" + d;
  h.appendChild(a);
  c.onLoadFeed(c.current);
  if((c.current + 1) < l) {
    c.loadFeed(c.current + 1)
  }
  if((c.current + 1) == l) {
    c.onLoadComplete()
  }
  c.current++
}
mf_defaults.loadFeed(0);
/*]]>*/
</script>

改变了:/s"+c.thumbSize+"-c/ 到 /w"+ c.thumbWidth + "-h"+ c.thumbHeight + "-c/

还有一些出现c.thumbSize的代码