问题标签 [flickity]

我正在使用 Wordpress 和 ACF 灵活布局来创建 Flickity 图像库。

我有两个问题：

1. 我如何计算画廊中的幻灯片数量。（如果有超过 2 张幻灯片，我只想运行 Flickity）
2. 如何在同一个帖子上运行多个画廊。（每个都有相同的类名）

我想为此使用 nuSkool Vanilla JS 选项。请参阅文档： http: //flickity.metafizzy.co/#initialize-with-vanilla-javascript

PHP

香草JS

当前状态，代码在每个帖子中使用一个画廊，并且具有 pageDots 和 prevNextButtons 控件，即使只有一张幻灯片。

任何帮助都会很棒，在此先感谢:)

请不要 jQuery 响应。

我正在尝试在 flickity 的活动实例中定位 iframe，因为我可能在单个页面上有多个 flickity 实例（最终目标是刷新用户选择另一张幻灯片后刚刚查看的幻灯片中的 iframe ）。

我让它适用于单个幻灯片，但是当我在页面上有多个幻灯片时遇到问题，因为它会刷新之前选择的所有 iframe，而不仅仅是活动幻灯片中的那个。

下面是我的脚本，其中“.slideshow”是一个轻弹实例，我希望能够在一个页面上有多个。该问题与定位正确的“previousVideoContainer”有关，其父级刚刚触发了“settle.flickity”事件。有任何想法吗？

我正在尝试从另一个 DOM 元素触发单击其中一个导航点，但我似乎无法按照以下方式进行操作：

任何帮助表示赞赏。

我正在尝试创建一个始终显示两张幻灯片的无限滑块。
Flickity 滑块有两个选项：groupcells 和 wrap around。

问题是，如果细胞数量不均匀，比如说五个细胞，第五个细胞将是单独的。所以分组如下：[1, 2] [3, 4] [5]。
我希望分组为 [1, 2] [3, 4] [5, 1] [2, 3] [4, 5] [1, 2]。

我的一个想法是复制单元格的 HTML，这样你就有 10 个而不是 5 个单元格，因此是偶数。

如果有人有更好的主意，我想知道。

这是问题的代码笔。

任何人请帮助，如何在 chrome 中隐藏边框 flickity 滑块。边框仅显示在浏览器 Chrome 中。可能是这样的：

或者你可以访问我的博客：aqiqoh​​-syafaat.blogspot.co.id 谢谢

我正在使用flickity 画廊并加载了图像，但是当我运行以下命令时，不会删除 img：

我也尝试过不运行.remove()图库插件，但我仍然得到损坏的图像

昨天我有一个用户不友好的轮播。然后我寻找其他灵活且响应迅速的轮播解决方案，然后谢天​​谢地，我让这个Flickity 的轮播很有趣，由 David DeSandro 轻弹。现在，我在添加图像时遇到了问题。我看不到任何图片。原始文件位于http://codepen.io/desandro/pen/gbjzre。我的代码如下。

今天我从 Bootstrap 4 开始，仍在探索它，而且我对使用 Flickity 还是很陌生。现在我尝试创建一个 Flickity 轮播， 使用 Bootstrap 4 的卡片组件而不是使用以下代码的常用图像对单元格进行分组。但是发生错误。这可能吗？

HTML

脚本

款式

我昨天开始使用Bootstrap 4，上周我在探索Flickity 。现在我只是尝试使用快速Bootrap 4 示例将 Flickity 与我的 Bootstrap 4 集成，并且我正在使用carousel。但是，当我使用内置轮播添加 Flickity 时，以下内容已被打乱、未对齐或任何调用它。但我想使用 Bootstrap 4 示例轮播的现有设计，甚至不使用 Flickity 轮播控制器，我只需要添加 Flickity 即可添加触摸、响应式和轻弹轮播。我在下面使用的以下代码。

我想设置自定义高度（和可能的其他东西）的轻弹'carousel-cells' 单独。我可以看到它是由flickity 包本身使用 javascript 以某种方式计算的。

我怎么能覆盖它，以创建这样的东西（使用较小的非活动幻灯片）？

.

我试图给轮播单元格的高度为 300 像素，而活动轮播（有一个类is-selected）的高度为 500 像素。那没有用。

如果您愿意，一个简单的代码笔可以帮助您入门。