将div图像复制为网站的背景?

时间:2015-03-05 22:10:48

标签: javascript jquery css slider gallery

我一直在使用滑块显示四个不同的画廊幻灯片,一个接一个地淡入淡出。我想复制幻灯片图像(滑块内显示的任何一个)作为网站的主要背景图像。这是否可能,如果是的话,是否有人能够向我展示一个有效的例子?例如,当滑块更改为slide2.jpg时,正文背景将更改为slide2.jpg的爆炸版本,依此类推。

提前致谢。

2 个答案:

答案 0 :(得分:0)

我可以假设您已经知道如何获取正在显示的图片的网址吗?

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

答案 1 :(得分:0)

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

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

然后,以某种方式挂钩滑块的实际幻灯片事件:

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

这是伪代码,但希望这会对你有帮助。祝你好运!