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