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

标签 jquery html css

当 slider 随一张图片同时旋转到另一张图片时,我想更改背景图片。对于这个例子,我添加了一个带有背景图像的引导轮播 slider 。我想要当 slider 图像滑动时,背景图像也会同时改变/滑动。我之前使用过两个引导轮播 slider ,一个是主 slider ,另一个是背景 slider 。但我只需要添加一个主轮播 slider 和背景图像,它们也会随着主 slider 图像的变化而变化。这是我的示例 url 链接 ( http://ronysatiar.com/demoo/index.html ),我想在其中使用此类功能。任何想法,伙计们!

最佳答案

您可以像任何其他 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 - 同时使用 slider 图像更改背景图像 - jquery/css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26594891/

相关文章:

html - 如何在 CSS 内容属性中使用 html 实体?

javascript - 在菜单选择时自动关闭切换导航菜单

javascript - 调用 React 函数不起作用

javascript - 在页面重新加载时保留页面数据

javascript - 从单独的文件调用 onclick() 函数

javascript - 在 Javascript 循环中显示 PHP 变量

php - CSS 的绝对地址

javascript - Vis.js 时间线动态变化

javascript - 在 js 中从 Google Maps API 编辑针点描述标签

css - 如何仅在页面加载时转换一次图像?