Pinto.js is a lightweight and customizable jQuery plugin for creating pinterest like responsive grid layout. Pinto.js is intended for easy use and is fully deployable within minutes. The minified version is under 1KB. This plugin is very accessible & easy to use.(the minified version is under 1KB) autosize supportfluid item width animation (CSS3 transition)
Pinto is an extremely lightweight jQuery plugin which allows you to dynamically arrange your images in a Pinterest-like responsive, fluid grid layout.
Features of Pinto.js jQuery Grid Layout:
Super simple and lightweight.
Auto rearrange images with a smooth CSS3 transition on window resize.
Fluid item width based on the viewport size.
lightweight (the minified version is under 1KB)
fluid item width
animation (CSS3 transition)
Configuration of Pinto.js jQuery Grid Layout
Enable Pinto Image Formatter and dependent JQuery Update and Libraries by going to Administration » Modules
The formatter will appear as Pinto.
Pinto Image Formatter settings are in the Manage Display tab for Content Types, users and Entities which use Image Field.
The size of the image block is customizable and can be changed through the Image Style options.
There are options to link the image to file or content.
Image titles are shown as image caption. To do so, the title attribute should be enabled from Manage Fields page » Edit of the desired field and under IMAGE FIELD SETTINGS select Number of values users can enter for this field.
Pinto can display the big images organised into colorbox gallery. This option requires the module Colorbox to be enabled. When it’s enabled, the relevant format option will be displayed under Link to in Format settings.
How to use it: