BACK TO FURATTO ADD-ONS

Expanding Preview

Google style expanding preview

Expanding Preview

Provides a google style thumbnail preview for a list of images based on Codrops article.

Great for displaying images, a store with a list of products or a designer profile.

The ilustrations were provided by @eldelentes an excellent designer and good friend.

         
  • ...

Usage

Via Javascript

Invoke the plugin by calling the init function on the Grid object.

Heads up!

The plugin uses the preview-grid id on the ul element with the preview grid.

Options

You have to set up some data attributes to display the expanding wrapper correctly.

Name Description
largesrc The source of the original or large version of the image.
title The title for the image
description A brief description of the image
Download