This is the HTML Code used in the sample:
We need to create two thumbbars, the one below the viewer (id=”elThumbBarHorz”) is the usual FSI ThumbBar which shows the objects and the vertical thumbbar (id=”elThumbBarVert”) is needed for displaying the bookmark thumbnails.
The vertical thumbbar will be empty at start, hence the dir parameter is not set.
The div around the viewer and thumbbars is defined with the id=”myFullScreenElement”, in order to ensure that all three parts are displayed in FullScreen mode. For this, the parameter fullScreenElement=”myFullScreenElement” needs to be set in the FSI Viewer tag.
This is how the script for realizing the bookmark thumbbar looks like: