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
0
votes
1 answer
Pause HTML5 video in slider (flickity)
I'm currently adding some slides into a slider (using flickity) and for some reason I can get the first video to pause when there is an event change when the slider is moved to the next slide. But if I play the next video in the next slide, and then…
ultraloveninja
- 1,969
- 5
- 27
- 56
0
votes
1 answer
Fancybox + Flickity. iOS orientation issue
In Fancybox modal window I have Flickity carousels. On iPad, when I change the orientation, Flickity stops working properly. flickity-viewport appears as 0px. No issues on desktop window resize. Not sure how to update Flickity when the orientation…
charlenejackie
- 13
- 3
0
votes
1 answer
How can I achieve a marquee / ticker effect inside a slider?
Disclaimer: I'm using the flickity-slider library to achieve the basic slideshow effect.
I have created a slideshow of various
elements, that all contain a picture element, a title and some content. Using the following mock up HTML…
roberrrt-s
- 7,914
- 2
- 46
- 57
0
votes
1 answer
Flickity Slideshow Caption and Slide number
I'm implementing a Flickity slideshow, which includes a Slide counter at the bottom, and slide caption at the top. I've got them both in however the Caption at the top won't display what should be the img alt tag.
This is what I have - JSfiddle…
Anthony
- 55
- 3
- 12
0
votes
1 answer
Flickity carousel image doesn't show
I have a Flickity carousel where everythign is set and working, except that it obnly shows the last of the pictures I have and it repeat it over the others (as if it's on top of them).
I don't understand why.
This is my HTML:
Marco
- 13
- 2
- 7
0
votes
0 answers
flickity does not start at angular
I'm using flickity with the cdn, but when it loads the page does not work.
I already put the script in index.html, but it does not work
component.ts
declare var jquery:any;
declare var $ :any;
export class ProfileComponent implements OnInit {
…
Carlos Uriel Santiago
- 419
- 1
- 5
- 12
0
votes
0 answers
how to initialize the flickity in vue2.js?
I am using flickity, but it is not initialized, I have to do it manually in the google chrome console.
index.html
Carlos Uriel Santiago
- 419
- 1
- 5
- 12
0
votes
1 answer
How do I get this If statement to run once until it comes back round (the condition is constantly true until slide changes)
I've created a Flickity slider through Jquery and require a little assitance.
I'm using the selectedIndex as a condition to check what slider is visable. See code below:
$carousel.on( 'select.flickity', function() {
if (flkty.selectedIndex…
Sam Ryan
- 7
- 5
0
votes
0 answers
Flickity slider works only sometimes
Link to store: https://modernstaples.com/pages/our-blankets
Link to demo: http://jameszedd.com/demos/flickity/
The flickity slider works fine on my demo, but when I put the code on the Shopify theme, it displays odd until you do something else on…
user4889134
- 111
- 2
- 16
0
votes
2 answers
Angular 5 moving component / dom manipulations
I'm trying to use a slider-lib flickity in Angular 5, but fail because it does some dom manipulations, angular doesn't like.
In their description you have to use it like this:
0
votes
2 answers
Flickity carousel images are not loaded completely
I am currently using the Flickity library to display corousels on my wordpress site.
The problem: When the site produkte is loaded the first time a lot of images get not loaded fully but only the first centimeter.
I am happy for any hints regarding…
Luke
- 127
- 2
- 11
0
votes
1 answer
Catch flickity carousel click events
I have a flickity.js carousel set up on my website and I want to add a couple of mailto links to it. Static clicks do not work in the carousel by default, so I had to use staticClick.flickity event to catch…
sdvnksv
- 9,350
- 18
- 56
- 108
0
votes
0 answers
Flickity: Copying a Flickity slideshow with javascript?
I am trying to copy an existing Flickity slideshow from a
into another one with the click of a button, using a simple javascript: