问题标签 [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.
javascript - 引导轮播隐藏第一个和最后一个控件
如果轮播位于第一项上,如何隐藏左侧控件,以及当轮播位于最后一项上时,如何隐藏右侧控件。
我下面的代码成功地隐藏了控件,但是在页面加载时,就好像轮播的第一项在中间,用户可以通过左侧或右侧控件一路浏览。
谢谢
javascript - 将图像加载到引导轮播 onClick
我正在开发一个包含大量图像的 html 网站,为了减少加载时间,我将在用户使用 javascript 单击封面图像时加载隐藏图像,然后将其插入引导轮播。
我试图做到,但没有成功。图片未加载。有什么帮助吗?
这是我的最后一个代码:
HTML
JS
twitter-bootstrap - Bootstrap Carousel 无法正常工作 - 显示所有元素
我有以下代码: -
这应该显示一行 3 xcol-md-4
目前它正在显示所有 9 个结果,这导致轮播无法运行。
我让它适用于以下功能: -
我只是不明白第一个例子有什么问题?有任何想法吗?
javascript - 没有“活动”的引导轮播幻灯片开始
我喜欢使用 Bootstrap 轮播滑块。是否可以在第一个图像中没有活动类的情况下启动滑块?代码是用 TYPOSCRIPT 设置的,我无法将第一项设置为活动。JavaScript有办法吗?
感谢帮助
基督教
HTML 代码
jquery - 以指定的分辨率暂停引导轮播
我正在尝试以低于 640 像素的任何分辨率暂停引导轮播。我尝试了许多不同的看似直观的方法来做到这一点,但没有任何效果。
目前我有:
});
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 的想法。
javascript - 从文件夹中提取所有图像并创建 Bootstrap 轮播/幻灯片
M 被这段代码卡住了,我试图将所有图像拉到一个文件夹中并将它们放在列表或 div 中,以创建 Bootstrap Carousel。
以前的代码是:
php - 循环以将图像从数据库一张一张地显示到引导轮播中
尝试在 codeigniter 的 foreach 循环中显示来自数据库的轮播图像。下面的代码一次显示所有图像。如何在滑块内一张一张地显示图像?下一个和上一个按钮也不起作用?