FSI ImageGrid - Samples

Description page - GitHub - StackBlitz
24.03.19

To test the examples with your own FSI-Server, please first adjust the env.yml file in the base directory of this project and start this demo again.

          
      fsi.server: https://fsi-github.neptunelabs.com
      fsi.context: fsi
      fsi.viewer: viewer
      sources.images: images/samples/imagegrid
      sources.statics: assets/samples/imagegrid
        
env.yml
Product Image Grid
Logo

Shows how a product grid with ImageGrid used looks.

  • JS built image grid

bootstrap
Photographer Portfolio
Logo

Shows how a portfolio displayed with ImageGrid and Metadata used looks. On click a zoom viewer with the image is opened via modal.

  • JS built image grid
  • Meta data usage
  • Zoom viewer modal

bootstrap
JavaScript API
Logo

Learn how to use the JavaScript ImageGrid API with a simple demo.

  • JS built FSI ImageGrid
  • JS API Demonstration
  • Meta Data use for labels
  • Styling via CSS

bootstrap
React
Logo

Shows how FSI components can be implemented in React.

  • Sample component containing FSI ImageGrid
  • FSI Component

react
Starter
Logo

Start your own demo

vanilla
Powered by