Flickity v1.1: lazyLoad and arrowShape

19 Jun 2015 · by David DeSandro

Flickity get its first minor release with v1.1. Just in time for summer with Metafizzy's hottest requested feature.


lazyLoad works by loading images when a cell is selected.

<!-- set image's URL to load with data-flickity-lazyload -->
<img data-flickity-lazyload="full.jpg" />

Set lazyLoad: true in the Flickity options.

See the Pen Flickity - lazyLoad by David DeSandro (@desandro) on CodePen.

Set lazyLoad to a number to load images in adjacent cells. lazyLoad: 2 will load images in the selected cell, the next 2 cells and the previous 2 cells.

See the Pen Flickity - lazyLoad: 2 adjacent by David DeSandro (@desandro) on CodePen.


Flickity v1.1 brings the new arrowShape option. arrowShape allows you to set a custom shape for the arrow in the previous & next buttons. This is a neat little feature — it doesn't do much, but it's fun to play around with. I even created a WYSIWYG so you can drag around the shape points.

See the Pen Flickity - arrowShape by David DeSandro (@desandro) on CodePen.

40%-off sale

With the new release, Commercial Licenses are on sale 40% off! Save $10, $45, or up to $115 on a license during the sale this week.

Now is a great time to try Flickity. Get to it!

Refactor t-shirt

Refactor shirt

You know what’s truly metal? Nicely encapsulated code with human-readable comments.

Printed on super-soft Black Tri-blend. Women's sizes available.