FSI Viewer - 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/viewer
      sources.statics: assets/samples/viewer
        
env.yml
Simple Product Zoom
Logo

Shows how a simple product detail page could look with FSI Viewer used.

  • JS built FSI Viewer
  • zoom and pan
  • plain menu

bootstrap
Product Zoom (Modal)
Logo

Shows how a simple product detail page with an integrated modal looks.

  • JS built FSI Viewer
  • zoom and pan
  • modal implementation

bootstrap
No Interface Version
Logo

Shows how a simple no interface product zoom version looks.

  • JS built FSI Viewer
  • zoom and pan
  • minimalist no interface version

bootstrap
External Slider
Logo

Shows how a zoom with FSI Viewer and external slider used looks.

  • JS built FSI Viewer
  • external slider
  • zoom and pan

bootstrap
External Buttons
Logo

Shows how product zoom with FSI Viewer and external minimalist buttons used looks.

  • JS built FSI Viewer
  • external UI
  • zoom and pan

bootstrap
Custom Product Detail Page
Logo

Shows how another product detail page with FSI Viewer and a custom skin embedded looks.

  • JS built FSI Viewer
  • zoom and pan
  • custom UI

bootstrap
JavaScript API
Logo

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

  • JS built FSI Viewer
  • JS API Demonstration

bootstrap
React
Logo

Shows how FSI components can be implemented in React.

  • Sample component containing FSI ThumbBar
  • FSI Component

react
Starter
Logo

Start your own demo

vanilla
Powered by