Experimental project

This is a sandbox project, which contains experimental code for developer use only.

Overview

Pinto Image Formatter enables users to create pinterest-like image galleries and responsive grid layouts by using jQuery plugin Pinto.js with Colorbox gallery option.

Installation

Download and copy to your modules directory - Pinto Image Formatter,
JQuery Update and Libraries modules.

Download pinto.js file from https://github.com/MaxLawrence/Pinto/
and copy it to directory - sites/all/libraries/pinto

Configuration

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.

Go to JQuery Update configuration page under Configuration » Development and select which version of jQuery to use on the site (it should be at least 1.7).

Check your Status report page for conflicts and resolve if any exists.

After that, go to Manage display of the Content Type and under Format select: Pinto.
Customizations can be done through Format settings of Pinto.

See README.txt for more information.

Project information