FSI Image Grid

FSI Image Grid is a simple HTML5 and Javascript based viewer which enables you to display an image gallery as a grid, optionally with captions and descriptions generated from image metadata.

Usage

I) Add the fsiimagegrid script to the head of your document:

Example:

<head>
<script src="/viewer/applications/imagegrid/js/fsiimagegrid.js"></script>
</head>

II) Add a <fsi-imagegrid> tag to the part of your document body where FSI Image Grid should be displayed. Add the desired dimension to it and image source (directory) to it:

Example:

<body>
<fsi-imagegrid 
dir="images/"
cellWidth="300"
cellHeight="250"
>
</fsi-imagegrid>
</body>

Parameters are added to the <fsi-imagegrid> tag.