如何更改匹配jquery轮播相同图像的背景图像？

Question

伙计们，这看起来很容易，但是我的技能不合适所以如果有人有意识或逻辑来做这个伎俩会挽救我的生命。我一直在尝试使用一个简单的jquery旋转木马，所有我需要的是根据旋转木马内的图像更改我网站的背景图像。这对我来说是一个挑战。提前谢谢！

Answer 1

试试这段JavaScript：

var changeBodyBackground = function() {
    var theImageUrl = $('#IdOfYourCarouselDiv img').attr('src');
    $('body').css({backgroundImage : 'url(' + theImageUrl + ')'});
};

您必须更改'#IdOfYourCarouselDiv img'以选择包含您要用作背景的<img>的div。

您还需要确保每次轮播中的图片发生变化时都会向changeBodyBackground();添加电话。