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.
Questions tagged [flickity]
226 questions
2
votes
1 answer
Event for when Flickity reaches the next or previous slide
Flickity has event binding. Is there an event for when the next or previous slide is moved to? For example the settle event is fired after a slide settles. This does do what I need but the problem here is it also fires if Flickity settles on the…
user6261119
2
votes
0 answers
Flickity carousel: Items pushed out of viewport with ng-repeat?
Im trying to use metafizzy's flickity framework to display content dynamically, using angulars ng-repeat.
But for some reason the items seem to get pushed out from the flickity-viewport when loaded onto the DOM. Anyone know why that happens and how…
DayWalker
- 21
- 3
2
votes
1 answer
Flickity carousel images squashed together
I am using to this slider on my website: http://flickity.metafizzy.co
The images load in squashed, but on refresh it sometimes appear as it should. I have decreased the images size, because I thought perhaps it was a loading issue, but that didn't…
Seven N
- 35
- 1
- 2
- 8
1
vote
0 answers
Get Flickity instance from slider initialized in JS
I'm trying to access a Flickity instance with JS that has already been initialized in other JS code which I don't have access to. I have tried using Flickity.data('.slider'), as well as just creating a new Flickity instance with new…
Deejpake
- 424
- 4
- 11
1
vote
2 answers
Flickity AsNavFor producing error in the console: "Uncaught TypeError: Cannot read properties of undefined (reading 'create')"
i'm using flickity as the instructions, but got this error warning in the console
anybody know how to solve this?
Here is the current bundle package
billy ponto
- 41
- 5
1
vote
2 answers
Flickity carousel doesn't work if used (ngfor)
I'm using a carousel called flickity
when I'm using static data the carousel works normally
normal behavior code:
1
vote
1 answer
Flickity Slider – Slides out of alignment
I'm struggling to work out why the slides within a Flickity Slider are out of alignment?
Gif of slider being out of position
Technically the slider is working. So this must be either a option I haven't implemented or CSS.
Javascript
var Flickity =…
Grant Smith
- 23
- 3
1
vote
0 answers
Flickity images wont load properly when the image sources are fetched via an http request using axios. (React.js)
I was able to get Flickity working as expected. But for some reason when I made it to where the image sources are fetched from an external database, the images stopped loading properly and broke flickity.
render() {
const image_urls =…
Jackson Valdez
- 21
- 1
1
vote
0 answers
How to recreate this unusual 3D flickity carousel style
I've been searching for a way that I can figure out (and learn) how to recreate this 3D carousel slider style used in the Salient theme (as seen in the "What they've said about us" and "Our Mugshots" sections of…
LosHantos
- 23
- 4
1
vote
0 answers
Instagram API and Flickity Not Initiating on Load
Before I go on, I just need to state that I'm not advanced at JS/JQuery, or development for that matter, at all and I'm still learning on my own. That said!
I have developed a JS/JQuery function that I've been using to initiate Flickity sliders on…
Auromnia
- 47
- 4
1
vote
3 answers
Nuxt application throwing error message when using Flickity
I am trying to implement a carousel in a Nuxt application. This is my package.json
"dependencies": {
"@nuxtjs/i18n": "^7.0.3",
"core-js": "^3.15.1",
"flickity": "^2.2.2",
"lodash": "^4.17.21",
"nuxt": "^2.15.7",
…
Maxime
- 337
- 2
- 17
1
vote
0 answers
Flickity - Flexbox Issue
I have an issue with my images within flickity slider with flexbox using @media only screen and (min-width: 1000px)
It seems it applies the flexbox width 50% which it should on the flickity slider/carousel-cells making(see attached img)two of the…
menso22
- 19
- 1
1
vote
0 answers
OWL Carousel or Flickity? Which one is better?
I've been searching online to which library to use, If there's any difference, maybe one is better for perfomance but offers fewer options.
I've found some information but didn't go deep into these questions. Can someone tell me if there's any…
Thaís Fraga
- 11
- 3
1
vote
1 answer
Flickity API with Vue 3 and Typescript
I've been working with Flickity in my Vue 3 app, and it works fine when I use a hard-coded HTML carousel with static cells. I need to add cells programmatically at runtime, however, and I can't get the Flickity API to work correctly.
I'm trying to…
Cody
- 1,801
- 3
- 28
- 53
1
vote
0 answers
Why my flickity slider made in full CSS need to be manually resize to work?
I have a problem, I use flickity and every time i refresh my page, I have to resize my window for the slider work, and i don't know how to fix it..
I use flickity with the CDN and only in CSS.
I tried properties like "imageLoaded", i tried every…
Quentin Serda
- 105
- 7