獲取圖像源路徑和一個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容器

回答

相關問題