复制 div 图像作为网站的背景？答案

【问题标题】：Replicate div image as site's background?复制 div 图像作为网站的背景？
【发布时间】：2015-03-05 22:10:47
【问题描述】：

我一直在使用滑块来显示四张不同的画廊幻灯片，一张接一张，淡入淡出。我想同时将幻灯片图像（在滑块内显示的任何一个）复制为站点的主要背景图像。这可能吗？如果是的话，有人会好心给我看一个工作的例子吗？例如，当滑块更改为 slide2.jpg 时，主体背景会更改为幻灯片 2.jpg 的放大版本，以此类推。

提前致谢。

【问题讨论】：

可以发帖html、css、js？

标签： javascript jquery css slider gallery

【解决方案1】：

我可以假设您已经知道如何获取正在显示的图像的 URL？

var newBackgroundImage = $(...).prop("src");
$("body").css("background-image",newBackgroundImage);

【讨论】：

最好把我当作一个绝对的初学者，保罗。老实说，我对这种事情没有希望。这就是为什么我在这里问。我所知道的是，滑块将滚动浏览 4 张图像，并在您单击左或右时发生变化。我只是边走边学。
遗憾的是，没有“通用”方法可以找到当前在随机轮播图像查看器上显示的图像。您必须在此处发布具体实施的详细信息才能获得更好的答案。

【解决方案2】：

如果没有特定于实现的细节，这是一个很难回答的问题，但是，您可以这样做：

$(document).on('slide', '#slider', function(target) {
    var image = $(target).css('background-image');
    $('body').css('background-image', image);
});

然后，以某种方式挂钩到滑块的实际滑动事件：

 $(document).trigger('slide', $('#slider'));

这是伪代码，但希望对您有所帮助。祝你好运！

【讨论】：