问题标签 [flickity]

我在我的网站上使用这个滑块：http: //flickity.metafizzy.co

图像以压扁的形式加载，但在刷新时有时会显示为应有的样子。我减小了图像大小，因为我认为这可能是加载问题，但这并没有帮助。然后我添加了imagesLoaded，这也没有做任何事情。

我附上了图像如何加载的屏幕截图。谢谢！

我正在通过 metafizzy 尝试轻弹。工作得很好，但更新页面后，新加载的画廊将无法运行。ajax加载后如何重新初始化flickity？我使用 js-flickity 类来初始化脚本。

我正在使用metafizzy的 flickity 制作一个无限可拖动的 Carousel。

使用 freeScroll + wrapAround 道具，它可以很好地选择拖动时的下一个单元格。

jsfiddle

但是，如果我对单元格进行强力“拖动”和“抛出”，则所选单元格有时会在视口之外进行动画处理。
我认为对选定单元格的检查发生在 mouseUp 上，但如果在抛出后的动画期间也发生选择检查，那就太好了。

有人知道如何实现吗？
也欢迎任何免费滚动无限滑块/轮播的资源。

我对 Flickity 插件有疑问。我想将这个与 svgLoader 插件混合使用。滑块动画无法正常工作，因为您需要调整窗口大小以刷新 flickity 插件。你可以在这里试试：http: //thibaut-lalanne.com/ Thx

我使用 Codrops 文章/实验创建了一个交互式环境，供当地团体在他们的会议上使用。这样做的问题是默认交互不是很直观。该模板使用 Flickity.js 和看起来像 classie.js 的东西来创建这个我遇到问题的滑动界面。

该页面可以在这里找到：

www.eyeconic.tv/ky-ffa/

问题：激活全视图的唯一方法是单击 html 元素：

// 堆栈激活后，您应该能够通过单击第一个 .stack-item 来激活完整视图，该 .stack-item 用于在其下方创建缩略图。这整个 div 应该是可点击的。用户在屏幕上到处触摸，而不是实际单击所需操作的标题。我希望这是有道理的。

换句话说，您应该能够单击堆栈标题和每个堆栈标题下方的图像，以将堆栈拉入屏幕上的完整视图模式。然后单击 x 或屏幕上的任何其他位置以关闭完整视图。

以下位于 main.js 和我找到的用于创建我所指的事件的参考。

http://codepen.io/Thisisntme/pen/rVRyJE is a test of my website. I am attempting to add a flickity carousel, and for some reason it will not render the second image in the divs. Here is the carousel without all the other html and css stuff. http://codepen.io/Thisisntme/pen/waOeWa

CSS:

Heres proof the image links are good

Oh, and no jQuery.

EDIT: for those of you who still care, the images don't work anymore. Google Drive stopped letting you host from their servers.

http://codepen.io/Thisisntme/pen/rVRyJE是我网站的演示。目前，在调整页面大小之前，轮播不工作。我不知道如何解决这个问题……而且我还想知道如何使轮播具有最大宽度，以使其在台式机上不会超大。（第一个问题已经解决，所以我只需要粗体的帮助）

CSS

JS

我有flickity 滑块，在页面加载时应该看起来不错。但是页面加载时图像混搭。只有在我刷新页面一次或两次之后它才能顺利运行。

您可以在此处找到出现意外行为的网站： DEMO

代码

任何帮助将不胜感激！提前致谢！

我有一个索引页面，我通过 ajax 将不同的单页加载到索引页面布局中。每个页面都有一个轻弹滑块，我可以单独控制（上一个/下一个）所有滑块，但我的标题有问题。我只从一个滑块中获取标题信息并打印到每个幻灯片中，但是如何为每个滑块获取正确的标题？

我有这个来获取标题

和这个

有任何想法吗？

我有第二个问题，通过 ajax 加载滑块，滑块看起来一两秒钟有点被破坏，有没有可能避免这种情况？

多谢！

这真的让我发疯 - 一切看起来都很好并且工作正常，但缩略图上的点击事件没有做任何事情 - 无论如何要调试它并弄清楚发生了什么 - 希望有人知道如何解决这个问题 - 谢谢 - 这是我的代码：