Blogger: кликабельная миниатюра с автоматическим чтением - PullRequest
Новая
       11

Blogger: кликабельная миниатюра с автоматическим чтением

0 голосов
/ 03 октября 2018

Я пытаюсь сделать миниатюру в кратком сообщении кликабельной и ведущей к записи.Я использую скрипт для автоматического прочтения, более доступный, и я нашел здесь сообщение , которое может ответить на мой вопрос, но оно не работает должным образом - как только я добавляю ... часть, моя домашняя страница начинает показывать целые сообщения,Вот что у меня сейчас: 

< 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 голосов
/ 03 октября 2018

Удалить пробелы из ThumbnailSummary аргумента 

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

Чтобы передать действительный аргумент и получить идентификатор записи из Blogger.

Ваш код должен быть 

<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>
...