您如何使用 Blogger Post 图片作为背景图片？

Question

我是 php、js、java、脚本等方面的新手，但我知道 HTMl 和 CSS。我希望将 Blogger Post 的第一张图片设置为 div 部分的背景；在主页上制作一个小方框 link。我在默认博客小部件中发现了以下 code/script：

<img expr:src='data:post.firstImageUrl'/>

默认情况下，这会在页面上生成第一张图片作为自己的元素，但我想将其设置为背景，如下所示：

<div style="background-image: expr:src='data:post.firstImageUrl';"></div>

我知道由于语法不正确，以上内容无法使用，但有没有类似的东西可以使用？

非常感谢任何帮助。

Answer 1

使用此表达式：请注意 +

周围的 space

<div expr:style='&quot;background-image: url(\&quot;&quot; + data:post.firstImageUrl + &quot;\&quot;);&quot;'></div>

Answer 2

帮助

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

将 else 行添加到 javascript

document.getElementsByClassName('newphoto')[0].style.backgroundImage = "url('https://1.bp.blogspot.com/-aAjLvDndDIo/WH2DcqOeX9I/AAAAAAAAI9Y/W3_fmq0uGXseb_A1XWhaj5ZyL3DzKJD9ACLcB/s1600/bgplaydefault_djhayhay247.jpg')" ;

您如何使用 Blogger Post 图片作为背景图片？

How do you use Blogger Post Image as a background image?

html

javascript

php

jquery

blogger