Dear Desandro and Flickity contributors,

I used Flickity in my web and mobile app for two years, it’s very great, sure.

Recently, my customers have complained about issues in my carousel, it is performing not well in low battery mode, animations are slower than normal, hard to scroll.

In iOS 13 (beta), its hard to scroll in freescroll mode, and i can vertical scroll when dragging my carousel.

In my app:

https://vimeo.com/344452939

Playing with this great slider, i realize that it doesn't scroll with group of slide. Eg : When i see three slide in the viewport i expect, when i click on the next button, to have the next three slide. Or we just have the capabilities to have the next slide, one by one. Is it in project ?

Thanks !

Good job on this library. Very well organised and easy to use.

Many image galleries will implement a full screen image feature that can toggle an image to full screen. Is there a plan to implement something similar?

While it's obvious that flickity is meant to be based on a sliding transition, I was curious if there's any plans on implementing an optional Fade based transition/animation instead of the slide?

I would love to replace my current hand-rolled image galleries/carousels with flickity in my projects both personal and commercial, but many of them use fading transitions instead of sliding. I'd be more than happy to pre-pay for a commercial license/donate/whatever if it helps that get implemented.

Kiwistian

is there a way to block the window vertical scroll, on mobile, while the user is swiping the slide?

I'm considering changing the touchVerticalScroll behavior so that user can either scroll horizontally in the gallery OR scroll vertically on the page, but not do both.

+1 or subscribe to this issue If you'd like to see this feature added.

Cool plugin so far! Testing it now in a prototype for one of our clients.

Lazy Load 'slides' would be a killer feature if you ask me. Also for performance. Are there any plans to implement this?

Good luck in getting to the v1.0 release ! :)

If you set wrapAround: true and have small amount of items that don't fill container -- then it causing trouble. See this pin, try remove some items and scroll slider.

I'm suggestion add condition to _getWrapShiftCells method that will check widths

  // cancel wrap-around if content smaller than container
  var lastCell = this.getLastCell();
  var contentWidth = this.slideableWidth - lastCell.size[ this.options.rightToLeft ? 'marginLeft' : 'marginRight' ];
  if ( contentWidth <= this.size.innerWidth ) {
    this.options.wrapAround = false;
  } else {
    this.options.wrapAround = true;
  }

Look at it. Is it right way?

Would be nice to have an option to define the prev/next button svg code. For example:

var flkty = new Flickity( '.flickity', {
  svgViewBox: 'x1 y2 x2 y2',
  svgPath: 'svg path',
  svgTransformLeft: 'translate(x,y)',
  svgTransformRight: 'translate(x,y) rotate(x)'
});

PrevNextButton.prototype.createSVG = function() {
  svg.setAttribute( 'viewBox', this.parent.options.svgViewBox );
  path.setAttribute( 'd', this.parent.options.svgPath );
  var arrowTransform = this.isLeft ? this.parent.options.svgTransformLeft : this.parent.options.svgTransformRight;
};

Hi everyone,

I figured out that flickity stopped swiping on mobile chrome (android) and also in the chrome dev tools mobile simulator. The arrow buttons and flickity in general still work, but no swiping is possible. Either nothing happens or weird things. Desktop Chrome, iOS and everything else is fine.

Multiple older projects (that worked with the exact same settings ~weeks ago, no changes!) stopped working!

This happens only when I use flickity via the npm package npm install flickity and import Flickity from 'flickity'.

It doesn't happen when I directly include the flickity sources via