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

javascript - 引导轮播隐藏第一个和最后一个控件

如果轮播位于第一项上,如何隐藏左侧控件,以及当轮播位于最后一项上时,如何隐藏右侧控件。

我下面的代码成功地隐藏了控件,但是在页面加载时,就好像轮播的第一项在中间,用户可以通过左侧或右侧控件一路浏览。

http://bootply.com/99354

谢谢

0 投票
1 回答
2490 浏览

javascript - 将图像加载到引导轮播 onClick


我正在开发一个包含大量图像的 html 网站,为了减少加载时间,我将在用户使用 javascript 单击封面图像时加载隐藏图像,然后将其插入引导轮播。

我试图做到,但没有成功。图片未加载。有什么帮助吗?
这是我的最后一个代码:

HTML

JS

0 投票
0 回答
24 浏览

twitter-bootstrap-3 - FadeOut Animation 不适用于修改后的引导轮播

我正在使用引导轮播,它可以完美地减去当前幻灯片的淡出。淡出动画在没有动画的情况下消失。这将显示背景,直到出现新幻灯片。[它给人一种闪光的感觉]...如何使淡出动画与新幻灯片一起使用。[当前滑出,新幻灯片进入]

我在这个网站上使用这个片段

0 投票
1 回答
207 浏览

twitter-bootstrap - Bootstrap Carousel 无法正常工作 - 显示所有元素

我有以下代码: -

这应该显示一行 3 xcol-md-4

目前它正在显示所有 9 个结果,这导致轮播无法运行。

我让它适用于以下功能: -

我只是不明白第一个例子有什么问题?有任何想法吗?

0 投票
1 回答
9681 浏览

javascript - 没有“活动”的引导轮播幻灯片开始

我喜欢使用 Bootstrap 轮播滑块。是否可以在第一个图像中没有活动类的情况下启动滑块?代码是用 TYPOSCRIPT 设置的,我无法将第一项设置为活动。JavaScript有办法吗?

感谢帮助

基督教

HTML 代码

0 投票
1 回答
93 浏览

jquery - 以指定的分辨率暂停引导轮播

我正在尝试以低于 640 像素的任何分辨率暂停引导轮播。我尝试了许多不同的看似直观的方法来做到这一点,但没有任何效果。

目前我有:

});

0 投票
1 回答
3014 浏览

jquery - 具有多个项目的引导轮播不会移动 1 个图像

我想在我的页面上实现一个带有多个项目的 Bootstrap 3 轮播,并且它应该每一步移动一个图像。我尝试使用我发现的一些示例,并且每次都遇到相同的问题。当我检查元素时,我在每个项目中看到 4 个图像,然后它移动项目,但所有 4 个图像都一起移动。

目前我使用我在这里找到的例子。

这是我使用轮播的我的页面。

请帮忙!

我在这里添加我的 HTML 代码

这个 ios 我正在使用的 javascript:

这是我正在使用的CSS:

0 投票
1 回答
71 浏览

jquery - JQuery 不能在 Bootstrap Carousel 上工作,不显示图像

我在这个问题上挣扎了几个小时。我正在使用 Bootstrap3 轮播;我想做的是在我的.toBottom div 上应用带有 JQuery 的 CSS 规则(注意:这个问题不能用纯 CSS 解决方案解决,因为我要分配的值需要用 JQuery 计算)。

1)这是轮播的基本HTML结构:


2) JQuery 脚本基本上计算.toBottom元素的新 CSS“顶部”值。


3)我注意到,默认情况下,也有.active类的.item div

和所有剩余的“非活动” .item div


事实是,如果我在 .toBottom 为.active时启动 JQuery 脚本,CSS 顶部值会正常变化,如果我在它不是 .active (或者它是display:none)时启动它,它的 CSS 不会在全部
我该如何解决这个问题?即使 .toBottom div 是 display:none,我也想应用该规则。
先感谢您。

(如果我不太清楚,我很抱歉,我试图尽可能简化情况)


编辑:

这是脚本:

请注意,此代码有效,如果$(".item.toBottom").css("display") == "block"



编辑2:

终于解决了。问题是我无法计算$(".item.toBottom > img").height(),因为.item.toBottom没有显示。这是最终的脚本:

特别感谢@Zorken17 的想法。

0 投票
1 回答
8594 浏览

javascript - 从文件夹中提取所有图像并创建 Bootstrap 轮播/幻灯片

M 被这段代码卡住了,我试图将所有图像拉到一个文件夹中并将它们放在列表或 div 中,以创建 Bootstrap Carousel。

以前的代码是:

0 投票
2 回答
4750 浏览

php - 循环以将图像从数据库一张一张地显示到引导轮播中

尝试在 codeigniter 的 foreach 循环中显示来自数据库的轮播图像。下面的代码一次显示所有图像。如何在滑块内一张一张地显示图像?下一个和上一个按钮也不起作用?