neptunelabs / fsi-thumbbar-samples

Example repository for responsive images with FSI Thumbbar, used in conjunction with FSI Server for product recommendations, galleries, product selection or other FSI products. ⭐️ Star to support our work!

Home Page:https://www.neptunelabs.com/fsi-thumbbar/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

FSI ThumbBar Samples

Pixel-perfect High-DPI-ready Fast 🚀 Hackable Consistent

License


FSI ThumbBar is an image thumb bar with optional image zoom. It uses the real-time scaling capabilities of the image server to achieve pixel-perfect results. FSI ThumbBar can be created and controlled as a simple HTML tag and/or via the JavaScript API.

This repository contains examples of how to use and build your own applications.

Project Image

Getting Started

Without starting this project in your IDE, you can discover all the demos on the GitHub Pages or develop and customise in StackBlitz.

Start and develop

To run and modify this samples:

NPM

npm install
npm start

or

Yarn

yarn
yarn start

Now you can customize the demo according to your own preferences or develop something new.

You can find a very simple example to start with in the samples/starter folder.

How it works

These examples rely on a framework that uses Grunt, Browsersync, Bootstrap and Sass to launch a local server, replace template variables and pass changes directly to the browser window.

However, these dependencies are generally not required for the use of FSI Server!

Requirements

To run the demo you do not need your own image server. If you don't have your own server but still want to use your own images, you can use an evaluation copy indefinitely. In case of an own server, please copy env.yml.dist to env.yml and change the settings.

Documentation

For further information on the FSI Viewer and FSI Server, please refer to the official documentation.

About

Example repository for responsive images with FSI Thumbbar, used in conjunction with FSI Server for product recommendations, galleries, product selection or other FSI products. ⭐️ Star to support our work!

https://www.neptunelabs.com/fsi-thumbbar/

License:Apache License 2.0