问题标签 [flickity]

我目前正在使用 Flickity 库在我的 wordpress 网站上显示 corousels。

问题：当网站produkte第一次加载时，很多图像没有完全加载，只有第一厘米。

我很高兴收到有关此问题的任何提示。

亲切的问候卢卡斯

我正在使用 flickity 库在一页上显示很多轮播：https ://spielraum-maybaum.ch/produkte/

但是我第一次加载页面时，轮播图像没有完全显示，只有一个小条纹。

我认为这一定是语法或 css 错误，想知道您是否可以帮我解决这个问题。

我正在使用wordpress。请询问，如果有什么不清楚的地方。

最佳卢卡斯

我正在使用 materializeCSS 来构建一个网站，它已经有一个名为 carousel 的类。但是，我希望使用Flickity的轮播，并且我想知道如果我将这两个文件都包含在 html 中会发生什么。

这个问题有点类似于这个问题，但答案不满足我的查询。

所以，我正在使用这个https://codepen.io/desandro/pen/wByaqj

我激活了prevNextButtons: true,这样的：

我想要那个，当我单击prevNextButtonsfor.characters-nav以自动从 中选择元素时.characters-main。

这就是它现在的工作方式：

我有一个简单的 30 项 Flickity 轮播，其中 wrapAround 设置为 true。是否可以禁用从右到左的拖动但从左到右拖动工作？

我可以像这样打开/关闭它：

$carousel.flickity('unbindDrag');

但我不希望它在两个方向上都被禁用

我正在尝试在 Angular 5 中使用 slider-lib flickity，但失败了，因为它做了一些 dom 操作，angular 不喜欢。

在他们的描述中，您必须像这样使用它：

这可行，但我不想将它与以下角度一起使用*ngFor：

但是因为 flickity 添加到 divflickity-viewport和flickity-slider, 并将幻灯片放在那里，所以 angular 不喜欢它。

因此，在滑动时，它们slides会被移除.flickity-slider并添加进来.gallery（可能是因为 *ngFor 在 中被初始化.gallery）。

知道我能让这个工作吗？

我正在做一个项目，无论出于何种原因，我在 Flickity 幻灯片中的图像只有在浏览器稍微调整大小时才会加载。这是我的网站：/

我在 Flickity 中将 resize 设置为 true，所以我不确定这里的问题是什么。任何帮助将不胜感激。

谢谢！

编辑：问题解决了！

如果轮播单元格包含具有特定类的子元素，则尝试删除轮播单元格，但无法弄清楚如何使用 Remove API from flickity 执行此操作。

使用 jquery mehtods，我可以很好地从 DOM 中删除，但是 flickity 滑块的导航仍然显示元素存在。此外，在窗口调整大小之前，已删除的元素会显示空白区域......只是感觉很跳跃。对于新手 javascript 开发人员有什么想法吗？我在这里想念什么？

Flickity 滑块（删除 API）： https ://flickity.metafizzy.co/api.html#remove

代码笔： https ://codepen.io/alyssabutler/pen/WMGYMe

商店链接：https ://modernstaples.com/pages/our-blankets

演示链接：http: //jameszedd.com/demos/flickity/

flickity 滑块在我的演示中运行良好，但是当我将代码放在 Shopify 主题上时，它会显示奇怪，直到您在页面上执行其他操作，例如打开 Chrome Inspector。

我试图让它在第一次出门时看起来很完美。关于什么可能导致显示以这种方式运行，直到页面上的某些内容发生变化的任何建议？

我通过 Jquery 创建了一个 Flickity 滑块，需要一点帮助。我使用 selectedIndex 作为条件来检查哪些滑块是可见的。请参见下面的代码：

这就是说，当滑块 0（初始幻灯片）淡入 var text0 时。我想为 6 个滑块执行此操作，但由于幻灯片直到 4 秒才改变，if 语句一直在运行，所以它一直隐藏和显示文本。

有什么想法可以让我一次性运行，直到幻灯片再次出现。

谢谢 ：）