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

时间:2018-10-03 09:34:28

标签: javascript blogger

我正在尝试使帖子摘要中的缩略图可点击并指向该帖子。我正在使用广泛用于自动阅读的脚本,在这里我发现一个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>

我需要以某种方式修改第二部分以使其起作用吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

ThumbnailSummary参数中删除空格

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

传递有效参数并从Blogger获取帖子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>