我一直在使用滑块显示四个不同的画廊幻灯片,一个接一个地淡入淡出。我想复制幻灯片图像(滑块内显示的任何一个)作为网站的主要背景图像。这是否可能,如果是的话,是否有人能够向我展示一个有效的例子?例如,当滑块更改为slide2.jpg时,正文背景将更改为slide2.jpg的爆炸版本,依此类推。
提前致谢。
答案 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'));
这是伪代码,但希望这会对你有帮助。祝你好运!