Sometimes different types of zoom depending on the available screen dimensions might be wanted.
E.g. you prefer using FSI QuickZoom on desktop devices, but would like to use FSI Viewer JS on mobile devices to present
a satisfying zoom experience to the user.
The following code snippet demonstrates how to achieve this:
Here we create an <fsi-viewer> tag when the webpage is visited by a mobile device or a normal <image> tag otherwise.
The created tag is appended to a <DIV> which will hold the image or FSI Viewer JS somewhere in your HTML:
After the tag has been appended, the preferred zoom feature from FSI gets activated.
If you like to target touch devices in general, instead of checking for
you can also check for
this will also create an FSI Viewer JS on touch enabled desktop monitors.