javascript - 有没有一种方法可以让我在博文中选取第一张图片并将其作为博文的标题？

Question

所以我要做的是让博文中的第一张图片看起来像每个博文页面的标题....

这是我目前所拥有的:

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

但是它并没有真正起作用。有人可以帮帮我吗？请看this举个例子。我希望帖子中的第一张图片看起来像页面上的标题....

Answer 1

我也遇到过这个问题。我想您想将图像用作背景图像。我使用一些 jquery 解决了这个问题。您的目标与我的略有不同，所以我建议您实际上向您的第一张图片添加一个类(可能想手动执行此操作，或使用 javascript)，获取源代码，将其作为背景图片添加到您的标题中，然后隐藏图像标签(如果有意重复则不要这样做)

标记将类似于:

<header class="imgbg"></header>
<div class="post">
  <h1>Title</h1>
  <p>Text</p>
  <img src="#" class="first-img">
</div>

和jquery:

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();
    });
}

我构建了一个代码笔来更好地说明这一点:http://codepen.io/bekreatief/pen/BaFnx