Question

帖子页面内的图片正在博客主页上加载。我希望帖子图片仅加载帖子页面。如果你有这个问题的答案。请告诉我。谢谢。这是我的博客网址：http://sritestweb.blogspot.com/

Answer 1

从主页面中删除帖子页面图像。并在主页的加载事件中使用javascript加载它。

//This function should be called on main page load event.
function onPageLoad(){
  //imgcontainer is 'id' of containing element.
  var container = document.getElementsById("imgcontainer");
   var img = document.createElement('img');
            img.setAttribute('src', imagePath);
    container.appendChild(img);
}

这样做，主页面的渲染不会等待后期图像被加载。

Answer 2

这对我来说很好。请检查。（https://www.problogbooster.com/） 'default.jpg'是您想要在实际图像加载之前显示的那个。将'default.jpg'的大小保持最小。

<!DOCTYPE HTML>
<html>

<head>
<script>
    function init() {
        var imgDefer = document.getElementsByTagName('img');
        for (var i=0; i<imgDefer.length; i++) {
        if(imgDefer[i].getAttribute('data-src')) {
        imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-src'));
    } } }

</script>
</head>
<body onload="init()">
<img data-src="original-image1.jpg"  src="default.jpg">
</img>

<img data-src="original-image2.jpg" src="default.jpg">
</img>

</body>
</html>

如何在博客主页面上停止发布图片？

2 个答案: