Stack Overflow
Stack Overflow

Questions tagged [flickity]

JS/CSS library to create touch, responsive, flickable galleries.

JS/CSS library to create touch, responsive, flickable galleries.

Written by Metafizzy.
Official website.
On Github.

226 questions
0
votes
0 answers

image adds padding to surrounding div

I'm working on this solution in flickity (the js slider) http://codepen.io/djnutron/pen/jWozOv Upon inspecting the elements, I'm wondering why it is resizing the div surrounding the image. The image is 1900x850. However, somehow the browser is…
Ke.
  • 2,484
  • 8
  • 40
  • 78
0
votes
3 answers

Link click issue with flickity JS plugin

I want to know when the user starts the navigation to a new page by clicking in a link located inside my Flickity slider. I have attached the jQuery click event on the links, but when the user slides and click at the same time, the click event on…
bviale
  • 5,245
  • 3
  • 28
  • 48
0
votes
1 answer

Uncaught Invariant Violation due to dom mutations done by plugin

I came across an issue using javascript plugin named flickity, it enables touch friendly slideshow images. I initialize it like this: import Flickity from 'flickity'; componentWillUnmount() { this.flkty.destroy() } componentDidMount() { …
Ilja
  • 44,142
  • 92
  • 275
  • 498
0
votes
1 answer

Issue with horizontal scroll in image carousel

I've tried different approaches to set up horizontal scrolling for image carouse and finally got onto this, but unfortunately I cant figure out how to resolve the following issue with Flickity image slider. The browser console shows these…
Adrian
  • 273
  • 2
  • 13
0
votes
1 answer

Cannot set/red property 'x' of undefined (horizontal scroll)

I've tried different approaches to set up horizontal scrolling for image carouse and finally got onto this, but unfortunately I cant figure out how to resolve the following issue with Flickity image slider. The browser console shows these…
Adrian
  • 273
  • 2
  • 13
0
votes
2 answers

Getting Flickity images to fit

I'm creating a Flickity slideshow where the images should fit the containing element so that there's no scrolling involved to see all the image. At the moment I have it so the images fill the available width but you get vertical scrolling. I've…
Tyssen
  • 1,569
  • 16
  • 35
0
votes
1 answer

Using flickity to resize as tabs

So I have a project now that is basically defusing bugs and this one in particular is a very annoying case. Flickity is supposed to be "resizing" a specific elements within
and working as tabs in the bottom to scroll to the specific…
Twister1002
  • 559
  • 1
  • 9
  • 26
0
votes
1 answer

How to get captions from one gallery on a page with many galleries

I have an index page and i load different single pages via ajax into the index page layout. Every single page has a flickity slider, I can control (prev/next) all slider individually but i have a problem with the captions. I only get the caption…
buckdanny
  • 347
  • 3
  • 19
0
votes
1 answer

Extending Touch EventListener to Additional DOM Element

I used a Codrops article/experiment to create an interactive environment for a local group to use at their conferences. The problem with this is the default interaction is not very intuitive. The template used Flickity.js and what seems like…
leaninonlife
  • 21
  • 4
-1
votes
0 answers

How to use a flickity slider in my shopify website as banner slider?

I want to use a flickity slider in my shopify website www.silvermerc.com as the default shopify slider is not clickable throughout and not as functional. I want to create something similar to what is used on the front page of voylla.com or…
Vithal Agrawal
  • 21
  • 3
-1
votes
1 answer

If i not using v-for in flickity then carousel is working fine but if used then all item align verticaly

When i am using carousel without v-for it is working fine but when i am using with v-for it align item vertically. I am putting code below:
Shashi Singh
  • 1
  • 1
-1
votes
2 answers

flickity carusel no control over margin between images in carusel

I have created the following codepane using the react-flickity-component to show case images: when i resize the browser the margin between the images changes and disappears no matter what i do next except refreshing the page the margin between…
amos guata
  • 89
  • 10
-1
votes
1 answer

Content of the second tab isn't correct initialized when switching tabs

I installed flickity in multiple tabs and it is correctly initialized in the first tab. while the content of the first tab is loaded, the content of the second isn't correct initialized. Thank you. // Show the first tab by…
Bunny
  • 33
  • 1
  • 10
-1
votes
2 answers

Using flickity with bootstrap 4 for horizontal cards scrolling (responsive)

Can anyone provide an example of this or at least a successful example of flickity inside bootstrap 4? I am trying to make an horizontal list of cards in a sort of carousel. I want to scroll through them three a time. Using flickity seemed…
Kevin
  • 1
  • 2
-1
votes
1 answer

Conflicting class name in CSS

I am using materializeCSS to build a website and it already has a class called carousel. However, I wish to use carousel from Flickity and I wanted to know what would happen if I include both files in an html. This question is somewhat similar to…
Isfaaq
  • 415
  • 1
  • 4
  • 15
1 2 3
…
15
16