问题标签 [flickity]

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 投票
0 回答
505 浏览

vuejs2 - 如何在 vue2.js 中初始化 flickity?

我正在使用 flickity,但它没有初始化,我必须在 google chrome 控制台中手动完成。

索引.html

页面.vue

已经以这种方式在 index.html 中手动尝试

0 投票
0 回答
497 浏览

angular - flickity 不是从角度开始的

我在 CDN 上使用 flickity,但是当它加载页面时不起作用。我已经将脚本放在 index.html 中,但它不起作用

组件.ts

0 投票
1 回答
744 浏览

javascript - Flickity WrapAround GroupCells,有额外的填充

我遇到了一个问题,当项目数量有限并使用设置 Wrap around 和 GroupCells 时,Flickity 似乎表现不佳这是一个代码笔:https ://codepen.io/JaieParker/pen/rdPMrB

如果需要填充,我希望所有单元格与右侧的所有填充正常间隔。不知道如何实现这一点,并认为它可能是一个 flickity 错误。

0 投票
2 回答
920 浏览

css - 使用 flickity 和 bootstrap 4 进行水平卡片滚动(响应式)

任何人都可以提供一个这样的例子,或者至少是 bootstrap 4 中轻弹的成功例子吗?我正在尝试在一种轮播中制作一张水平的卡片列表。我想一次滚动浏览它们三个。使用flickity似乎很有趣,但我在 bootstrap 4 中这样做时遇到了各种各样的问题。卡片的大小不会相同,或者会消失。我尝试在有和没有行/列类(网格)的情况下使用它,只是遇到了不同的问题。这与我想要实现的有点相似,除了滚动条: https ://www.codeply.com/go/PF4APyGj7F

0 投票
1 回答
2219 浏览

html - Flickity 轮播图像不显示

我有一个 Flickity 轮播,其中一切都已设置并正在工作,只是它只显示了我拥有的最后一张图片,并且在其他图片上重复它(就好像它在它们之上一样)。我不明白为什么。

这是我的 HTML:

和 CSS:

非常感谢您的帮助!

非常感谢您的帮助!

0 投票
0 回答
695 浏览

javascript - 多个带有 flickity 灯箱的画廊

我目前正在使用 flickity 并为其添加了一个灯箱扩展,这是我从(vanilla JS)获得它的地方:https ://codepen.io/jimahyland/pen/GZGrEa

我使用引导程序进行媒体查询,所以如果我只有一行,灯箱可以正常工作,但是如果有不止一行,我必须添加多个画廊,是否可以使用此代码来完成?

0 投票
0 回答
416 浏览

slider - angular 5 , flickity 滑块

每当我在 li 滑块中添加循环时,我都会使用 flickity 滑块在 angular5 中不起作用

无环

0 投票
1 回答
1709 浏览

javascript - 页面加载时的 Flickity 在水平之前显示垂直

当我的页面第一次加载时,我会在 flickity 显示幻灯片之前垂直看到元素。如何使用 flickity 或 css 防止这种情况发生?

我尝试使用 .gallery { height:100px; } 但它仍然会扩展 div 以在折叠到滑块之前显示所有元素。

0 投票
0 回答
398 浏览

javascript - DOMException:在 ReactJS 组件中使用 JQuery flickity 滑块时出现“找不到节点”错误

我在 ReactJS 中使用 Flickity 滑块(也许你问我为什么在 React 中使用 jquery 库?因为 slick 滑块不支持 RTL,而我的网站是 RTL,看到轮播从是的,而且光滑的 RTL 问题已经在 Github 中打开,所以我别无选择......)

这个错误发生在我更改路线时,并且滑块中的项目数量并没有太多启动滑块,但是当我刷新页面时它会很好地工作!

所有 Flickity React 组件都有问题,其他官方 React 轮播滑块有 RTL 问题

0 投票
1 回答
1895 浏览

jquery - Flickity 幻灯片标题和幻灯片编号

我正在实现一个Flickity幻灯片,其中包括底部的幻灯片计数器和顶部的幻灯片标题。我已经把它们都放进去了,但是顶部的标题不会显示应该是 img alt 标签的内容。

这就是我所拥有的 - JSfiddle

HTML:

查询: