Blogger：具有自动阅读功能的可点击缩略图

Question

我正在尝试使 post 摘要中的缩略图可点击并指向 post。我正在使用更广泛使用的自动阅读脚本，我在这里找到一个 post 可以回答我的问题，但它不能正常工作 - 只要我添加 ... 部分我的主页就开始显示整个 post秒。这是我目前拥有的：

< script type = 'text/javascript' >
  //<![CDATA[
  function removeHtmlTag(strx, chop) {
    if (strx.indexOf("<") != -1) {
      var s = strx.split("<");
      for (var i = 0; i < s.length; i++) {
        if (s[i].indexOf(">") != -1) {
          s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length);
        }
      }
      strx = s.join("");
    }
    chop = (chop < strx.length - 1) ? chop : strx.length - 2;
    while (strx.charAt(chop - 1) != ' ' && strx.indexOf(' ', chop) != -1) chop++;
    strx = strx.substring(0, chop - 1);
    return strx + '...';
  }

function ThumbnailSummary(pID) {
  var div = document.getElementById(pID);
  var imgtag = "";
  var img = div.getElementsByTagName("img");
  var summ = summary_noimg;
  if (img.length >= 1) {
    imgtag = '<div class="crop-thumb"><img src="' + img[0].src + '" width="' + img_thumb_width + 'px" height="' + img_thumb_height + 'px"/></div>';
    summ = summary_img;
  }
  var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML, summ) + '</div>';
  div.innerHTML = summary;
}
//]]>
</script>

然后在正文中：

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id' style='text-align: justify'>
      <data:post.body/>
    </div>
    <script type='text/javascript'>
      ThumbnailSummary
        ( & quot; summary < data: post.id / > & quot;);
    </script>
    <div class='readmore-box'>
      <a class='readmore-button' expr:href='data:post.url'>CZYTAJ DALEJ...</a>
    </div>
  </b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <data:post.body/>
</b:if>

我是否需要以某种方式修改第二部分才能使其生效？

谢谢！

Answer 1

从 ThumbnailSummary 参数

中删除空格

ThumbnailSummary
        ( & quot; summary < data: post.id / > & quot;);

传递有效参数并从 Blogger 获取 post id。

您的代码应该是

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <a expr:href='data:post.url'>
    <div expr:id='&quot;summary&quot; + data:post.id' style='text-align: justify'>
      <data:post.body/>
    </div>
   </a>
    <script type='text/javascript'>
      ThumbnailSummary( &quot;summary<data:post.id/>&quot; );
    </script>
    <div class='readmore-box'>
      <a class='readmore-button' expr:href='data:post.url'>CZYTAJ DALEJ...</a>
    </div>
  </b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <data:post.body/>
</b:if>

Blogger：具有自动阅读功能的可点击缩略图

Blogger: clickable thumbnail with auto readmore

javascript

blogger