问题标签 [flickity]

这是一个Flickity轮播，其中包含在PhotoSwipe中打开的图像。

aFlickity Slides 中有一些“工作”的标签，但 PhotoSwipe 模式会在更改之前闪烁window.location（默认 HTML 单击）。

我需要在运行之前进行某种测试openPhotoSwipe()并尝试了以下方法，但它（当然）只适用于第二次点击：

这是一个带有基本框架的CodePen 。

我打赌我的方法是错误的。

我有一个滑块，一次应该显示 2 张幻灯片，但是当滑动它时，一次只能显示 1 张，这可能吗？我可以让它一次显示 2 个，但它会滑动 2 个，为此我使用了 groupCells 选项。

我正在尝试获取此 Flickity 示例（CodePen）在 VueJS 组件中工作。

HTML

JS

我收到此错误：

Flickity 的坏元素：轮播

我的不工作的版本：

JS数据()

JS挂载()

如何在 VueJS 组件中使用这个 Flickity 示例 ？

我正在尝试在 10 秒不活动后将滑块重置回第一张幻灯片。我这样做的方式确实将幻灯片踢回幻灯片 1，但是当我滑到下一张幻灯片时，它会踢回上一张下一张幻灯片而不是幻灯片 2。

我已经尝试通过更改 css 属性来处理它，这确实将其带回幻灯片 1，但没有清除下一张幻灯片以从 1 重新开始

您可以在以下笔上查看我的代码：https ://codepen.io/anon/pen/yZvOGJ

我试过浏览 flickity 网站上的事件部分，但我无法将 2 和 2 放在一起。任何帮助表示赞赏。

我已经使用了几次轻弹滑块，不久前遇到了一支笔（尽管我找不到问题，但可能已经在这里找到了），其中幻灯片过渡使用淡入淡出效果而不是默认效果。

原来的钢笔有些过时了（https://codepen.io/eikeco/pen/MwGRKr），但这里基本上与更新的 js/css 完全相同。 https://codepen.io/mzq/pen/WaKvVz

我相信对原始滑块的唯一真正修改是：

我想要完成（如果可能的话）但一直无法完成的是更改过渡，因此如果图像或文本从一张幻灯片到下一张幻灯片保持不变，它就不会出现那种昙花一现/褪色的情况。

我通常使用更明显的背景图像，例如：https ://codepen.io/mzq/pen/moyKbL

理想情况下，如果两张幻灯片相同，则应该没有明显的过渡，但如果它们不同，我也不希望它立即翻转，这是我通常得到的结果。也许这是不可能的，或者不是这个滑块。

这是 Flickity

我无法用英语清楚地表达，所以如果可能，请帮助编辑我的问题。

这是我的网页

当我打开此页面时，我无法使用箭头键来导航不同的轮播单元。

我只能在鼠标单击该页面后使用箭头键。

如何编辑代码以便我可以在开始时使用箭头键而无需单击它？即我在浏览器中打开这个页面，然后我可以使用箭头键（37,39）立即旋转它。打开页面后，我想使用keyboardHandlers

};

我可以编辑所有源代码，包括flickity.pkgd.min.js. 而我的页面只包含一个 flickity。

官方网站告诉我们必须先使用tab（或leftclick），然后我们才能真正使用箭头键更改单元格。

我在页面上有多个 Flickity obj 的问题。我可以很容易地用幻灯片生成 Flickity，但是下一个有问题。

这是代码：我正在尝试将 flickity 放在引导选项卡面板中（4 个面板，每个面板都有自己的 Flickity）。

造型简直太棒了。一切都适用于第一个 Flickity，但在第二个，没有单元格，只有箭头和视口的高度 = 0。

我正在尝试以角度使用多项目轮播/内容滑块。我对 flickity 轮播有疑问。轮播中的项目一个接一个地垂直而不是水平对齐。此问题在 codepen.io 上可用的其他轮播中也存在。请帮忙。

轮播以这种方式显示：点击打开图片

我需要这样： 点击打开图片

我正在尝试名为Flickity的组件，非常酷，但问题是轮播高度在 CSS 中很难定义，并且不采用carousel-cell. 我尝试使用该选项setGallerySize: false，但它不起作用。

我有一个移动优先的网站，内容会根据设备缩小，我希望 Flickity 轮播与内容高度相匹配。

你有什么解决方案吗？非常感谢

桌面渲染（见卡片下方的空间）：

移动视图渲染（见卡片下方的空间）：

我正在用几个 html5 视频构建一个 flickity 轮播。当轮播项目进入自动播放或手动模式时，应动态加载下一个视频。

我想听听是否已经存在创建这种轮播的方法并需要一些建议。