FSI Image - Samples

Description page - GitHub - StackBlitz

NeptuneLabs

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/image
      sources.statics: assets/samples/image
env.yml
Website Frontpage
Logo

Shows how a frontpage with dynamic imaging and static assets from FSI Server looks.

  • Dynamic Single Source Imaging
  • Static Assets
  • Overlays

Show Demo Read explanation
bootstrap
Product Listing Page (PLP)
Logo

Shows how a product listing page with dynamic imaging used looks.

  • Dynamic Single Source Imaging
  • Overlays
  • Crop Effect

Show Demo Read explanation
bootstrap
Product Detail Page (PDP)
Logo

Shows how a product detail page with dynamic imaging used looks.

  • Dynamic Single Source Imaging
  • Combination with srcSets

Show Demo Read explanation
bootstrap
Product Configurator
Logo

This configurator shows how alpha channels are used.

  • Dynamic Single Source Imaging
  • Alpha Channels
  • Effect Usage

Show Demo Read explanation
bootstrap
Starter
Logo

Start your own demo

Show Demo Read explanation
vanilla
Imprint - Data Privacy Policy
Powered by