Install

Download

JavaScript: - flickity.pkgd.min.js minified, or - flickity.pkgd.js un-minified

CDN

Link directly to Flickity files on unpkg.

<script src="https://unpkg.com/flickity@2.0/dist/flickity.pkgd.min.js"></script>
<script src="https://unpkg.com/flickity@2.0/dist/flickity.pkgd.js"></script>

Package Managers

Bower: bower install flickity --save

npm: npm install flickity --save

style="background:white"

Getting Started

Tessarray requires a container that contains boxes. If the boxes contain images, Tessarray can calculate the dimensions of the box.

The Tessarray constructor takes three arguments, a containerSelector string, a boxSelector string, and an optional options object.

var tessarray = new Tessarray(containerSelector, boxSelector[, options]);
HTML
<div id="container"> <div class="box"> <img src="https://source.unsplash.com/random/buildings"/> </div> <div class="box"> <img src="https://source.unsplash.com/random/food"/> </div> <div class="box"> <img src="https://source.unsplash.com/random/people"/> </div> <div class="box"> <img src="https://source.unsplash.com/random/nature"/> </div> </div>
CSS
img { width: 100%; height: 100%; }
JAVASCRIPT
var tessarray = new Tessarray("#container", ".box");