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
0 answers
Push to array with angular-flickity and flickity
I am using ng-repeat on 3 elements, I want to push a dynamic item every 30 seconds,
the problem is that when I push an element to the array, the carousel get stuck and not reflect the current state of items in the ng-repeat.
The solution that I…
Brk
- 1,247
- 2
- 23
- 55
0
votes
2 answers
Jquery how to replace a data object on max-width ( flickity )
i'm new here and this is my first question.
I have some galleries with flickity library in a simple page, when is desktop every gallery has 3 pictures per dot sliding every 3 seconds and when the res is set to smartphone the gallery viewport should…
Giovanni
- 1
- 2
0
votes
1 answer
How to disable autoplay for Flickity slider after initialization?
I would like to start with the image sliders I have made with Flickity having the autoPlay option set to true. After a period of time I would then like to disable the setting. The reason for this is because the configuration I have with the sliders…
JSON_Derulo
- 892
- 2
- 14
- 39
0
votes
1 answer
Flickity slider with custom css per carousel-cell
I want to set custom height (and possible other things) the the flickity 'carousel-cells' INDIVIDUALLY. I can see it is calculated somehow with with javascript by the flickity package itself.
How could I overwrite this, to create something like…
nclsvh
- 2,628
- 5
- 30
- 52
0
votes
0 answers
Bootstrap 4 Cards Component As A Fleckity Groups Cells Together In Slides
Today I started with Bootstrap 4 and still exploring with it and I' still new with using Flickity. Now I tried to create a Flickity carousel, a groups cells using the cards component of Bootstrap 4 instead of usual images using the following codes…
user7843796
0
votes
0 answers
img on error not working
I am using flickity gallery and the images loaded but when I run the following the img is not removed:
$('.carousel').imagesLoaded().progress( function( instance ) {
$('img').on("error", function () {
$(this).remove();
});
});
I…
rob.m
- 9,843
- 19
- 73
- 162
0
votes
1 answer
Flickity: Trigger a "dot" click from another element via jQuery
I'm trying to trigger a click on one of the navigation dots from another DOM element, but I can't seem to do it a la the following:
$('li.dot')[0].click();
Any help is appreciated.
0
votes
1 answer
How to use .each() with flickity to only affect active flickity instance
I'm trying to target iframes within the active instance of flickity as I may have several instances of flickity on a single page (the end goal is to refresh the iframe that was in the slide that was just viewed once the user has selected another…
gwydionismyhero
- 97
- 6
0
votes
1 answer
0
votes
2 answers
How to style elements from componentDidMount?
I have a component:
render: function () {
const item = this.props.item
return (
{item.get('images').map((url, i) =>
Himmators
- 14,278
- 36
- 132
- 223
0
votes
1 answer
Code works on localhost but not on server
I have just launched my clients site to a temporary URL so they can do data input while i finish up on CSS and finishing touches. When I launched the site however, I found that part of it broke, the culprit being a custom-post slider. I don't…
Jamie Cavanagh
- 13
- 1
- 6
0
votes
1 answer
How do I control pausing/playing with videos in a carousel?
I have a video carousel created using the flickity carousel library, seen here on codepen. What I want to happen is that when a user slides the carousel, the selected slide stops playing, then the slide that takes the selected, middle position…
Nick
- 823
- 2
- 10
- 22
0
votes
1 answer
Meteor: Initing function (carousel) after data is was looped
I am trying to make work Flickity Carousel by initing in blaze helpers. I do have following error:
Exception in template helper: TypeError: $(...).flickity is not a function
Here is my helper for the carousel…
volna
- 2,452
- 4
- 25
- 61
0
votes
3 answers
Simple autoplay gallery with Flickity & React
So, I'm trying to make a gallery like this with Flickity and React, but I get some strange flickering and the animation won't start until I try to resize the (output) window, and then everything plays nicely. On Firefox, sometimes it works,…
El Gato Loco
- 33
- 1
- 9