wrapAround and lazyLoad together cause weird behavior

[ha-noi]

Here is a codepen that illustrates the behavior: http://codepen.io/littleredbowtie/pen/MaYYGa

Basically, there is a blank frame that appears in the sequence of the slider and it 'jumps around' when the slider is advanced. This is happening only when the these two options are used together. Here is a codepen without lazyload. http://codepen.io/littleredbowtie/pen/QbeMop

Please note that in both cases, fancybox works fine.

[desandro]

Thanks for reporting this bug. Looks like a proper issue.

Add a 👍 reaction to this issue if you have run into this issue. Do not add +1 comments — They will be deleted.

[castrolem]

+1

[richgcook]

+1

[mckennedy]

any kind of progress on this issue? doesn't actually appear to have anything to do with lazyload. simply having wrapAround and too few items to fill the width of your view seems to cause this issue.

[desandro]

@mckennedy We've got a separate ticket for that one https://github.com/metafizzy/flickity/issues/95#issuecomment-86124653

Yes, this could be helpful. But I feel this is an edge case. Either your content works with wrapAround, or it doesn't. Catering to both use cases could be cumbersome.

[MoodyNZ]

I fixed this issue by adding a min-width to the image before they lazy loaded. Then scrolling in reverse with wrap around worked fine

In my case i was lucky as all images were the same width.