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

我想更改背景图像时，滑块将同时旋转一个图像到另一个图像。在这个例子中，我添加了带背景图像的引导程序轮播滑块。我希望当滑块图像滑动时，背景图像也会同时改变/滑动。我之前使用过两个引导程序传送带滑块，一个是主滑块，另一个是背景滑块。但是我只需要添加一个主旋转木马滑块和背景图片，它们也随着主滑块图片而改变。这里是我的示例url链接（http://ronysatiar.com/demoo/index.html），我想使用这种类型的功能。任何想法，家伙！同时更改背景图像与滑块图像 - jquery/css

来源

2014-10-27 Rony Satiar

当你说“滑盖”，你的意思是这三个中心圆图标？这并不完全清楚你的意思。 – Afforess 2014-10-27 19:07:14

实际上并不是中心圆。当滑块图像滑动时，背景图像（滑块图像下方）应该同时改变。 – 2014-10-27 19:25:44

您可以更改使用jQuery的背景图像，就像任何其他的CSS属性：

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

如果你想改变由滑动事件被触发，请从引导文档这个例子：

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

希望帮助， DB

来源

2014-10-27 19:51:35

非常感谢。我已阅读文档。但由于缺乏jQuery知识，我无法理解如何使用该事件。我想你的帮助会为我找到一个解决方案。 – 2014-10-27 20:20:14

@RonySatiar有用吗？ – 2014-10-29 15:38:05

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

回答

相关问题