Динамически загруженное изображение используется в качестве фона для содержания 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') + ')');