Question

当滑块与一个图像同时旋转到另一个图像时，我想更改背景图像。在这个例子中，我添加了一个带有背景图像的bootstrap轮播滑块。我想当滑块图像滑动时，背景图像也会同时改变/滑动。之前我使用过两个bootstrap carousel滑块，一个是主滑块，另一个是背景滑块。但是我只需要添加一个主旋转木马滑块和背景图像，它们也随主滑块图像而变化。这是我的示例url链接（http://ronysatiar.com/demoo/index.html），我想使用这种类型的功能。伙计们，任何想法！

Answer 1

您可以像使用任何其他CSS属性一样使用JQuery更改背景图像：

$("header").css('background', 'url(path to my image)');

如果您希望幻灯片事件触发更改，请从引导文档中按照此示例进行操作：

$('#myCarousel').on('slide.bs.carousel', function () {
  $("header").css('background', 'url(path to my image)');
});

希望有所帮助，分贝

同时使用滑块图像更改背景图像 - jquery / css

1 个答案: