Javascript 有没有一种方法可以让我在博客帖子中找到第一张图片,并将其作为博客帖子的标题?

Javascript 有没有一种方法可以让我在博客帖子中找到第一张图片,并将其作为博客帖子的标题?,javascript,html,blogger,Javascript,Html,Blogger,所以我想做的是让博客文章中的第一个图像看起来像每个博客文章页面的标题 这就是我到目前为止所做的: <b:if cond='data:post.firstImageUrl'> <img expr:src ="data:post.firstImageUrl" expr:alt="data:post.title"/> </b:if> 但那就不起作用了。有人能帮我吗?请看一个例子。我希望我文章中的第一张图片看起来像页面上的标题 我在这方面也遇到了麻烦。我想你想用

所以我想做的是让博客文章中的第一个图像看起来像每个博客文章页面的标题

这就是我到目前为止所做的:

<b:if cond='data:post.firstImageUrl'>
<img expr:src ="data:post.firstImageUrl" expr:alt="data:post.title"/>
</b:if>


但那就不起作用了。有人能帮我吗?请看一个例子。我希望我文章中的第一张图片看起来像页面上的标题

我在这方面也遇到了麻烦。我想你想用这个图像作为背景图像。 我使用jquery解决了这个问题。 你的目标和我的有点不同,所以我建议你在第一个图像中添加一个类(可能需要手动或使用javascript),获取源代码,将其作为背景图像添加到标题中,并隐藏图像标记(如果有意重复,请不要这样做)

然后,标记将类似于:

<header class="imgbg"></header>
<div class="post">
  <h1>Title</h1>
  <p>Text</p>
  <img src="#" class="first-img">
</div>
我构建了一个代码笔来更好地说明这一点:

function getimgsrc(){
    $('.post').find('.first-img').each(function(n, image){
        var image = $(image);
        var thisurl = $(this).attr('src');
        $('.imgbg').css('background-image', 'url(' + thisurl + ')');      
        $('.first-img').remove();
    });
}