动态加载的图像用作包含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') + ')');