動態加載的圖像用作包含div的背景

Question

我有一個複雜的動態圖像庫，由php加載的圖像，由jquery鋪設...我需要做的是使用任何圖像加載到燈箱作爲背景包含div（除了顯示正常人一樣）......我真的不能添加一個類圖像本身，但我可以通過.lightbox IMG瞄準它

任何幫助表示讚賞：

<div class="container"> 
<div class="lightbox"> 
<img src="image.jpg"><!--php dynamic loaded image-->  
</div> 
</div> 

Answer 1

You can just modify the background-image css attribute for your main container, using the source of the image you loaded.

var $img = $('.lightbox img'); 
var $container = $('#main-container'); 
$container.css('background-image', 'url(' + $img.attr('src') + ')');