1: Choose your preset
Select an image within the folder. In order to publish it, select the Publish To Web tab located in the Working Area.
On the right you can see several presets (1) for publishing static images, responsive images, zoom & pan viewers, showcases, etc.
In the example below we choose the Zoom & Pan preset “FSI Viewer – black skin“. Double click on it in order to select it.
2: Adjust width & height
In the Your Source Code section you can adjust the width & height of the viewer to your liking with the Output Dimension section.
You immediately see the changes in the preview section. You can also adjust the dimensions directly in the source code.
3: Parameters (optional)
When clicking on a preset, you can choose “Parameter” on right tab in order to switch to the parameter section where you can just to adjust the viewer further. Clicking on a parameter shows a short explanation in the help section. Double-clicking on the parameter adds it to the source code.
In the example below we have chosen the parameter language.
4: Paste The HTML Code
After you have tweaked the width & height and optionally the parameters to your liking, you can simply copy the source code and required scripts to your website on the place where you would like to have the viewer appear.
The scripts are usually implemented in the head section of a HTML 5 document.
You either use the button in order to copy the source code as a complete HTML 5 document:
Or use the context menu which can be opened via the burger menu on the right of the source code section: