问题标签 [bootstrap-carousel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
550 浏览

css - Bootstrap 轮播:向上滑动垂直居中的文本

我使用 和 将文本置于轮播项目display:table-cellvertical-align: middle。它工作正常,但是当幻灯片更改其中的文本时,它首先显示在顶部,然后才居中。

这是我的代码 - JSFiddle

如何进一步进行?

0 投票
0 回答
748 浏览

javascript - ReactJS 监听/监视 DOM 变化

我在 ReactJS 应用程序中有一个运行良好的简单轮播。但是,我试图仅在 (hasClass) 活动的情况下呈现幻灯片的内容,否则<myComponent/>在加载时触发 3 次。

ReactJS 中侦听 DOM (div) 更改并侦听其类更改以及何时.active渲染内容的正确方法是什么?

代码:

非常感谢

0 投票
2 回答
564 浏览

html - Bootstrap 轮播 - 显示所有幻灯片

有没有办法像这样显示所有幻灯片:

在此处输入图像描述

可能是这张活动幻灯片的左右两边?

0 投票
2 回答
1512 浏览

javascript - 引导幻灯片事件在 AJAX 成功中不起作用

这是我的代码,AJAX 成功调用中的“滑动”事件。

我想在滑动事件上打印“hi”以控制台,该事件现在不起作用。

谢谢

0 投票
1 回答
46 浏览

jquery - 为什么这个引导脚本没有响应/工作?

我有一个引导滑块,当我单击控件时,它不滑动,甚至没有响应。我可以看到第一张图片,但无论我点击哪里,我都无法访问其他图片。下面的这个脚本对你有用吗?

0 投票
0 回答
190 浏览

jquery - 如果窗口足够大,如何制作具有固定宽度的旋转木马,附近的幻灯片可见

如果窗口足够大,我想让中心幻灯片的固定宽度为 960px,附近的幻灯片可见

这就是我希望滑块的样子。见网站底部。

我的 HTML

我初始化了它

0 投票
0 回答
103 浏览

twitter-bootstrap - Bootstrap Carousel Slider - 滑出方向(下一个和上一个)

我有 Bootstrap Carousel Slider,当他(自动)滑动到下一张幻灯片时,旧图片移到左侧,但我需要右侧的效果。有人可以帮我解决这个问题吗?

问候, 阿图尔

0 投票
1 回答
5408 浏览

javascript - 在 Bootstrap Carousel 中使用图表 js

我在 Bootstrap Carousel 中的 Chart Js 有问题,它不显示,因为图表未加载,它显示为width:0px and height:0px. 过去几个小时我一直在解决这个问题,希望你们能帮助我

这是我的 HTML:

图表 JS:

感谢您的帮助,干杯!

0 投票
0 回答
260 浏览

javascript - 我可以随特定幻灯片更改 Bootstrap Carousel 子元素的颜色和图像吗?

我想在幻灯片放映期间更改轮播下方的三个元素。指示与元素对应的特定幻灯片。

我已经完成了我的研究,但每次我尝试实现某人的代码时,它只会显示所有三个元素的开启或关闭。轮播使用 CSS 来激活 ( .active) 一张幻灯片,就像所有三张幻灯片同时显示一样,但您只能看到前面的一张。

基本上,我每个元素有两张图片,它们相同但颜色不同,所以当一张幻灯片出现时,它应该src用一点 js 切换到另一张图片;我已经这样做了,但它只适用于该onclick功能,而不是自动选择幻灯片时。

顺便说一句,我的目标是让幻灯片在用户单击上一个、下一个、指示器或在间隔期间触发每个元素。我已经让它在基本的 HTML 中工作,但引导内部工作对我来说似乎很难操作。

0 投票
1 回答
39 浏览

jquery - 引导轮播:确定非活动标题的宽度

我想确定不同幻灯片标题的宽度。实际上,我认为这不是一个大问题,因为程序对我来说很清楚。尽管如此,我还是遇到了障碍。也就是说:我只能计算当前活动幻灯片的宽度。非活动幻灯片的宽度将始终为 0。有没有办法计算非活动幻灯片的宽度?这是一个演示 当手动将活动类设置为不同的项目时,将计算该项目的宽度。看看控制台。