What is FSI ImageGrid?

Sample Repository View Samples

FSI Image Grid is a simple web component that allows you to display a gallery of images as a grid, optionally with captions and descriptions generated from the image metadata.

Usage

Add the fsiimagegrid.js script to the <head> of your document:

Adding the scripts:
<head>
  <script src="//yourdomain.com/fsi/viewer/applications/imagegrid/js/fsiimagegrid.js"></script>
</head>

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/samples/grid/" cellWidth="300" cellHeight="250"></fsi-imagegrid>
</body>

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

Usage​

Usage