如何在帖子中获取博主第一张图片网址

Question

我想在帖子中找到FIrst图像的URL,然后将其用作DIV的背景图像

Answer 1

要获取帖子中第一张图片的网址,您可以在Blogger模板中使用以下数据标记

<data:blog.postImageUrl/>

要将其设置为背景,您可以执行类似的操作

<div class="newphoto" ></div>
<script>
document.getElementsByClassName('newphoto')[0].style.backgroundImage = "url('<data:blog.postImageUrl/>')" ;
</script>

或者通过jQuery

$('.newphoto').css("background-image", "url('<data:blog.postImageUrl/>')"); 

如果您希望它在主页,标签页面等页面上工作(上述数据标签在博客的所有页面上都可用,并且在主页和标签页面上将返回空白,因为它们没有任何与它们相关的特定图像但会起作用在正确的帖子页面上)然后使用标签<data:post.firstImageUrl/>并将其包含在下面的代码块中

<b:includable id='post' var='post'>

</b:includable>

另外,如果您将这些标记包含在"布局"选项卡中的HTML/Javascript小部件中或直接包含在帖子内容中,则这些标记将无效.仅将它们包含在Blogger模板中