使博客主页上的缩略图可点击 [英] Make thumbnail images on blogger homepage clickable

问题描述

我只想单击博客主页上的缩略图并链接到其文章页面

i would like to have only the thumbnail images on the blog homepage clickable and linked to its article page

谢谢 http://jpst.it/y1x0

推荐答案

首先，您必须将代码添加到问题中.

First thing first, you must add your code into the question.

我从您的链接中获取了代码，并使用超链接对其进行了更新.

i took the code from your link and updated it with the hyperlink.

尝试一下

<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 createSummaryAndThumb(pID) {
        var div = document.getElementById(pID);
        var imgtag = "";
        var img = div.getElementsByTagName("img");
        var summ = summary_noimg;


        if (img.length >= 1) {
            imgtag = '<div id="thumbnail"><div class="thumbnail"><a expr:href='data:post.url'><img src="' + img[0].src + '" width="' + img_thumb_width + 'px" height="' + img_thumb_height + 'px"/></a></div></div>';
            summ = summary_img;

        }


        var summary = imgtag + '<p>' + removeHtmlTag(div.innerHTML, summ) + '</p>';

        div.innerHTML = summary;



    }

    //]]>
    </script>

在您的脚本中，我仅添加了超链接，请在下面进行检查:

In your script i only added the hyperlink, check it below:

<a expr:href='data:post.url'><img src="' + img[0].src + '" width="' + img_thumb_width + 'px" height="' + img_thumb_height + 'px"/></a>

这篇关于使博客主页上的缩略图可点击的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！