获取图像源路径和一个div容器

设置为背景图片我竟然不知道如何写一个jQuery脚本提前很抱歉，如果我在这里试着尝试是完全错误的。获取图像源路径和一个div容器

我正在一个博客主页，在这里我想向人们展示了第一图像的缩略图，其中有一个固定的1的主页上：1的比例和响应。我知道我最终希望能通过设置容器的CSS来实现 background: url(fistImageURL); background-size: cover; 问题是，在一个图像标签中，我可以使用expr:src='data:i.firstImageUrl'来获取源代码，但我不能把url(data:i.firstImageUrl)在我的CSS，所以我尝试寻找我的问题的jQuery解决方案...

我曾尝试把一些东西放在一起我发现在互联网周围，但我不工作，这实际上并不真的让我感到惊讶。

不管怎么说，它看起来是这样，那么也许你能明白我的努力实现的。

<script tpye="text/javascript"> 
    $(document).ready(function() { 
     $('.ar_content').css('background-image', 'url(document.getElementsByTagName("img")[0].getAttribute("src"))'); 
    }); 
</script>

每个解决方案都非常感谢。

编辑这并不实际做的工作的一部分，但我仍然在寻找的东西有点不同。

<script tpye='text/javascript'> 
    $(document).ready(function() { 
     $('.ar_content').css('background-image', 'url('+document.getElementsByTagName("img")[0].getAttribute("src")+')'); 
    }); 
</script>

这样做是把我的div的背景与类ar_content页面的第一个形象，但我需要的是在容器为背景图像中设定的图像，所以我想我应该替换document，因为我不想在整个页面内搜索标签，而只搜索容器的内容。

而只是为了拥有这一切，那就是标记。背景图像应该是图像标签的来源。

<div class='ar_content'> 
    <a expr:href='data:i.url'><img class='img' expr:src='data:i.firstImageUrl'/></a> 
</div>

来源

2013-09-27 KreaTief

提供相关的渲染HTML代码，将有助于 –

我得到了完美的作品对我的问题的解决方案，只是让这一问题得到是万一别人的答案正面临着同样的事情。

<script type='text/javascript'> 
//<![CDATA[ 
$(document).ready(function() { 
$('.ar_content').find('img').each(function(n, image){ 
     var image = $(image); 
     var thisurl = $(this).attr('src'); 
     image.parents('.ar_content').css('background-image', 'url(' + thisurl + ')'); 
     }); 
    }); 
//]]> 
</script>

来源

2013-09-27 22:02:02 KreaTief

您可以将图片src复制到喜欢的背景：

<script> 
$(document).ready(function() { 
    $('.ar_content').css('background-image', 'url('+$("img:first")attr("src")+')'); 
}); 
</script>

来源

2013-09-27 12:27:57 techfoobar

您的解决方案会工作。

这只是这样的行情：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.ar_content').css('background-image', 'url('+document.getElementsByTagName("img")[0].getAttribute("src")+')'); 
    }); 
</script>

来源

2013-09-27 12:42:44 clu3Less

但这实际上设置背景图片的工作，但它始终是相同的，这是我的标题图片。我有我的.ar_content容器中的图像标签，并希望将此图像设置为背景。你知道这可能吗？ – KreaTief

我喜欢把一些img的背景这样。

$('.imgwrap').find('img').each(function(n, img) { 
      img = $(img); 
      var imgUrl = $(this).attr('src'); 
      img.parents('.imgwrap').css({ 
       'background': '#fff url(' + imgUrl + ') center center no-repeat', 
       'background-size': 'cover', 
       '-webkit-background-size': 'cover', 
       '-moz-background-size': 'cover', 
       '-o-background-size': 'cover' 
      }); 
      img.remove(); 
     });

来源

2015-06-06 20:32:46 Dyrehauge

获取图像源路径和一个div容器

回答

相关问题