问题标签 [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 投票
2 回答
717 浏览

jquery - 更改引导轮播 ID

我有轮播,width=300pxheight=300px
想显示模态并克隆所有轮播 dom 元素以查看它更大的内容,
每件事都按照我的意愿复制。
但是在单击下一个上一个按钮时,旧的轮播移动而不是模态中的那个我也改变id了新的轮播和href在新的轮播内部,但是仍然新的轮播在单击“下一个/上一个或指示器”时没有滚动

这是 jsfiddle 链接:https ://jsfiddle.net/yo0gxtd9/

0 投票
2 回答
1309 浏览

javascript - Bootstrap Carousel 不工作并干扰其他 jquery。这是为什么?

我已经尝试了很长一段时间来弄清楚如何在没有运气的情况下插入引导轮播。我不知道这是否与我插入脚本的方式有关。我下载了引导程序并将其放入我的文件夹中。我一个接一个地关注视频和在线教程,但没有运气。就我现在所拥有的,我看到不知何故,脚本干扰了我的导航,当您将鼠标悬停在单词上时出现的下拉信息现在是分开的,当它们过去直接位于单词下方时,之间没有填充或边距. 我只是希望在我的导航正下方有一个轮播,同时仍然允许导航在使用我已经放置的 js 悬停时下拉信息。

这是我的代码。有人可以帮我了解出了什么问题以及如何解决吗?

我的html是:

我的CSS是:

我的js是:

同样,我已经下载了 bootstrap 并将其插入到我的主文件夹中,因为它是名为 bootstrap 的自己的文件夹,然后可以在其中找到 css 文件夹和 js 文件夹。

感谢您提供的任何帮助!

0 投票
1 回答
1202 浏览

html - 如何更改每个 Bootstrap 轮播幻灯片上标题的位置?

我想这只是一个普遍的问题。我正在使用引导程序创建一个轮播/滑块,我想知道如何使每张幻灯片上的标题在位置上发生变化。我已经尝试创建一个 id 来与班级一起走,但没有运气,并将 carousel-caption 更改为:“carousel-caption1”完全影响它。如何更改每张幻灯片上标题的位置,例如,一个位于中心的标题、一个位于底部、一个位于顶部等。

编辑:这是我的旋转木马的代码笔。

http://codepen.io/lubidia13/pen/MbQvOa

0 投票
0 回答
400 浏览

javascript - 引导轮播重新排序项目和内容

我为媒体滑块制作了一个引导轮播。此滑块仅接受 YouTube、Vimeo 和图像链接。

这是完整的工作(HTML/CSS/JS)示例:https ://jsfiddle.net/yrkd4fs1/

这也是我的 HTML 代码:

我的问题始于移动设备。我需要以某种方式在移动设备或低于 520 像素的屏幕上的每张幻灯片上仅显示一个视频,然后我在这里堆叠。

怎么做?

0 投票
3 回答
9779 浏览

javascript - 如何在悬停时暂停引导轮播并在鼠标悬停时恢复它?

我的网站上有一个引导轮播。

当用户将鼠标悬停在元素#formcontainer上时,我想暂停轮播。当我悬停时,我想继续旋转木马的循环。第一部分适用于以下代码,但不适用于第二部分。有人可以帮忙吗?

0 投票
1 回答
981 浏览

css - 禁用引导轮播图像的自动调整大小

如何在调整carousel浏览器大小或至少建立最小宽度时禁用调整大小?

例如这里如果我将窗口调整为200x600 px轮播图像几乎不可见,它们会在轮播下方生成一个空白空间。

相反,我想要的是类似于hostel world 网站的东西,即使我调整窗口大小,轮播图像也不会“挤压”。

我试图给予.carousel等等.item min-width, width,但它不尊重任何东西。

0 投票
1 回答
2969 浏览

css - 引导轮播标题重叠文本

我正在尝试创建一个包含动画标题的引导轮播。我的问题是标题的文字重叠。仅当我将屏幕分辨率设置为 1024x768 及以上时才会出现此问题。当我将浏览器调整为更小时,标题不会重叠。我怎么解决这个问题?下面是我的代码 这里是解释我的问题的图像 这就是我调整浏览器大小以变小的样子

0 投票
1 回答
332 浏览

html - 覆盖隐藏按钮正文和按钮

我有一个不透明度为 0.7 的叠加层在轮播中运行良好,但是当我更换浏览器时。覆盖在我的主要内容(H1-btn)等的顶部..我给主要内容一个z-index 3并覆盖一个z-index 2但是当我使用firefox时它在我突然进入chrome时效果很好主要内容在覆盖之下,悬停不起作用。现在解决这个问题的最佳解决方案是什么,让我的主要内容在覆盖之上

0 投票
2 回答
4204 浏览

bootstrap-carousel - Bootstrap 轮播中的图像不会显示

所以,我的图像不会显示在我的轮播中。我尝试多次更改名称,但没有任何反应。我什至将图像放入 img 文件夹中。顺便说一句,我正在使用灰度模板。有人可以解释吗?

0 投票
1 回答
74 浏览

ruby-on-rails - Bootstrap Carousel 在转换后禁用导航栏

我使用 rails 5 中的 bootstrap 4 carousel 作为我网站的背景。我有一个带有药丸的导航栏,它链接到页面的不同部分。页面加载时一切正常,直到第一个图像过渡到下一个。然后导航栏上的药丸消失了,当我单击链接时,它们不会导航到它应该导航到页面的特定部分。

我认为这可能是因为当图像转换时,它不仅会转换背景图像,还会转换整个内容(即使内容保持不变),并且它仍然链接到初始页面的内容。(因此它似乎无法重新链接到“新”内容。)

这是我的代码:

index.html.erb

欢迎控制器.rb

_navigationbar.html.erb(从 application.html.erb 渲染,未显示)