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
40
votes
4 answers

How to fix NPM package Tar, with high vulnerability about Arbitrary File Overwrite, when package is up to date?

I just installed Flickity from NPM and got an NPM Audit Security Report after running npm audit stating that I have a high vulnerability issue regarding Arbitrary File Overwrite on package tar which is a dependency of node-sass as you can see…
Wilbert Caba
  • 530
  • 1
  • 6
  • 13
18
votes
1 answer

Integrate Flickity With Bootstrap 4 Carousel

I start using Bootstrap 4 yesterday, and I exploring Flickity last week. Now I just try to integrate Flickity with my Bootstrap 4 using the quick Bootrap 4 examples and I'm using the carousel. But when I add the Flickity with the built-in carousel…
user7843796
6
votes
3 answers

Flickity Carousel disable custom navigation when reaching last slide

I'm currently using the Flickity Carousel to create a carousel with different film content panels. The carousel is using a custom navigation to control it, rather than the standard one that comes with the carousel. However I'm struggling to disable…
probablybest
  • 1,403
  • 2
  • 24
  • 47
6
votes
1 answer

Group cells behavior - flickity

I have a flickity carousel, and I want to enable autoPlay. When the carousel is on autoplay, I want to group the cells via groupCells: true. So far so good. When the user clicks on the previous or next buttons, I want the slider to move only 1 cell,…
balintpekker
  • 1,804
  • 4
  • 28
  • 42
6
votes
6 answers

reinit flickity after page update by ajax call

I'm giving flickity by metafizzy a try. Working great but after updating the page the newly loaded gallery won't function. How can I reinitialize flickity after ajax load? I use the js-flickity class to initialize the script.
waterschaats
  • 994
  • 3
  • 18
  • 32
5
votes
1 answer

NotFoundError: Failed to execute 'removeChild' on 'Node' on React with Flickity

I'm building a react application, and on my HomePage, I have the component 'CategoriesList'. When I'm on the HomePage, the 'Categories List' works well, but when I navigated to ProductDetails page with react-router-dom, I found this…
Francisco Alisson
  • 179
  • 10
5
votes
6 answers

Images won't load in Flickity unless I resize the browser

I'm working on a project and for whatever reason my images within Flickity slides are loading only when the browser gets slightly resized. Here's my website: / I have resize set to true in Flickity so I'm not sure what the issue is here. Any help…
veein
  • 69
  • 1
  • 6
5
votes
2 answers

Flickity carousel as navigation for another

So, I'm using this https://codepen.io/desandro/pen/wByaqj And I activated the prevNextButtons: true, like this: $('.characters-main').flickity({ prevNextButtons: false, wrapAround: false, pageDots: false, autoPlay: 10000 …
LuTz
  • 1,493
  • 1
  • 15
  • 25
5
votes
2 answers

Flickity does not render the second image in the carousel

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.…
10 Replies
  • 426
  • 9
  • 25
4
votes
1 answer

How can I get the number/actual number of slides in a slider wordpress

I am trying to show the actual number / total number of slides shown, in a custom carousel script for a wpbakery widget in wordpress. The original code is using some flickity options, and I am using a code found on codepen for that purpose. Here is…
tonywd
  • 41
  • 1
4
votes
2 answers

Angular 2 components doesn't render correctly when used with router outlet

I'm developing a simple angular 2 website, using angular 2 lazy routing. I use flickity slider to implement a slider in the home page, the problem is : when i declare the slider component in the app component (root…
Sid Ali
  • 1,779
  • 4
  • 17
  • 38
4
votes
1 answer

Flickity 2 - groupCells and pageDots not working at the same time

I am new to flickity and I want to group cells and display dots at the same time. But on my project they seems to be mutually exclusive, I can either group cells or display dots, even if from this codepen, they do work well together. What am I doing…
eeadev
  • 3,662
  • 8
  • 47
  • 100
4
votes
2 answers

Is it possible to programatically trigger click/drag events in order to start a carousel moving

I have a requirement to create a dragable free-scrolling carousel, which I can do with the likes of http://flickity.metafizzy.co/ or http://idangero.us/swiper/. However neither of these allow me to specify an initial movement. Is it possible to…
Sprintstar
  • 7,938
  • 5
  • 38
  • 51
4
votes
1 answer

Flickity slider doesn't work until refresh

I have flickity slider that should looks good when page loaded. But images mashup when page loaded. only after I refresh the page once or twice it’s work smooth. You can find the website with the unexpected behaviour here: DEMO Code
Adnan
  • 43
  • 1
  • 5
4
votes
2 answers

How refresh Flickity plugin?

I have a problem with Flickity plugin. I want to use this one mixed with svgLoader plugin. The slider animation does't work correctly because you need to resize the window for refresh flickity plugin. You can try it here :…
Thibaut
  • 97
  • 1
  • 9
1
2 3
…
15 16