问题标签 [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 回答
714 浏览

javascript - 多个没有 ID 的引导轮播?

有没有办法让页面上没有 ID 的多个通用引导轮播单独工作?目前,两个轮播都在工作,但是当我单击上一个/下一个时,它会更改两个轮播。我认为这将针对点击的轮播?

谢谢!

HTML

JS

0 投票
1 回答
409 浏览

javascript - 滚动一项正在影响引导轮播中的另一项

在我的页面中,我有一个旋转木马和该旋转木马内的四个项目。

所有项目都有一些大列表,滚动一个项目会自动滚动另一个项目。

我不希望其他项目自动滚动它们应该在它们的位置直到滚动,怎么做?

0 投票
1 回答
164 浏览

typoscript - 使用打字稿从 tt_content 读取扩展字段

我在我的 TYPO3 7.6 实例中安装了 Bootstrap Carousel Extension。这向 tt_content 添加了一个名为“konigbootstrapcarousel_slides”的字段

现在在我的打字稿中,我想检查/阅读该文件是否有值。我想将此值传递给我的 Header.html 部分。如果 Bootstrap Carousel isset 的值,然后在部分呈现不同的 html。

到目前为止,我已经尝试了很多事情......这是一个例子。

然后在变量中:

更新:
让它与:

我不敢相信没有办法从 {_all} 数组中获取这种信息

0 投票
1 回答
107 浏览

javascript - 为什么我的 Bootstrap 3 轮播会出现这种行为?

我正在尝试用我自己的轮播来实现这种效果,它的左右两侧都有半透明的图像;但是在幻灯片之间移动时,我自己的项目会产生这种不良影响:这里

这是我编写的 HTML 代码:

这是CSS代码:

请帮我解决这个问题,因为它让我非常烦恼......并告诉我更好的方法,我不是要你为我做。非常感谢。

0 投票
1 回答
2067 浏览

jquery - 为什么我的 Bootstrap 轮播或 jQuery 代码不能在 Safari 中运行?

如果这有一个简单的答案,我已经编码了一个月,很抱歉,但我一直在寻找没有结果的日子。

我构建了一个简单的练习网页,使用 Bootstrap 轮播作为页面背景,使用 jQuery 制作 div(页面内容最终会出现在哪里)。当我在 Chrome、Firefox 和 Opera 中打开 HTML 文件时,页面工作正常,但是当在 iPhone 或 iPad 上的 Safari 中打开文件时,指向 div 的链接不起作用(单击时,什么都不显示)和 Carousel根本不起作用,而是在页面下方显示为四个单独的图像,并在页面底部显示简单的“上一个”和“下一个”链接。不幸的是,我无法在桌面版 Safari 上测试该页面。我觉得我缺少一些简单的东西,但我无法弄清楚。提前致谢。下面是我网站的完整代码(CSS、HTML 和 jQuery),这里是页面的 jsFiddle:

0 投票
1 回答
180 浏览

javascript - 旋转木马角度 ui 引导程序 2.0.1

我对 angular-bootstrap 2.0.1 的 uib-carousel 有疑问。

我不明白发生了什么......我有一个带有图像和视频(videogular指令)的滑块的angular-bootstrap 2.0.0。一切都很好,然后我进入 2.0.1,因为,没有任何工作......即使我回滚到 2.0.0!

问题是滑块不会改变幻灯片,如果我单击指示器,也不会等待计时器(由 myInterval 设置)。你有想法吗 ?

这是我的 HTML 代码:

这是我的 JavaScript:

非常感谢您的帮助!

0 投票
1 回答
159 浏览

javascript - EmberJS:如何使旋转木马工作

我已经安装了ember-bootstrap附加组件,并尝试过引导方式。它没有用。

然后也使用slick-carouselember-carousel,但它们似乎都不能正常工作。ember-carousel奇怪地呈现丰富和规则的形式。

作品,slick carousel但没有一个属性似乎正常工作。

有人有什么可靠的方法可以让 ember 中的旋转木马正常工作吗?

0 投票
2 回答
142 浏览

html - 响应式垂直居中轮播项目

我有一个轮播,其中的项目在responsive具有可变高度,我想将它们垂直居中在 .carousel-inner 容器中。我确实这样做了(使用 flex、top 和 transform 等)......但它们只有在它们激活时完成动画时才会居中,所以它们首先对齐顶部,然后向下对齐,看起来像是在跳跃。

我认为这与轮播的引导动画有关,但我还没有弄清楚。该页面是https://zuckermanlaw.swapps.io,轮播位于我们的服务部分。我会很感激任何帮助。谢谢。

0 投票
2 回答
1450 浏览

html - 如何制作这种上下滑动效果

我正在尝试制作这种幻灯片效果,就像在:dropbox link slider中一样。只需向下滚动,直到您看到一个在右侧slider和内部都有的监视器。captions我尝试了很多,但效果不一样。我不明白这种转换是如何在ul元素上完成的。
非常感谢任何帮助!

这是我到目前为止所尝试的:

0 投票
1 回答
12484 浏览

html - 创建轮播时使用的role="listbox" 是什么?

只是一个简单的问题

当我尝试创建一个轮播时,我注意到许多示例代码是:

在上面的代码中,role="listbox"做了什么?请给我一个见解。