动态加载的图像用作包含 div 的背景

Question

我有一个复杂的动态图片库，图片由 php 加载，由 jquery 布局...我需要做的是使用加载到灯箱作为包含 div 的背景（除了像正常显示一样）...我真的不能向图像本身添加 class，但我可以通过 .lightbox img[=12 定位它=]

感谢任何帮助：

<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') + ')');