4 FSI QuickZoom
105
NeptuneLabs - FSI Viewer
Example:
div.FSIQuickZoom {
border:1px solid #666;
background-color: white;
box-shadow: 3px 3px 3px rgba(0,0,0,0.25);
animation-name: QuickZoomFadeIn;
animation-duration: 0.5s;
}
@keyframes QuickZoomFadeIn{
from {
opacity: 0;
}
to {
opacity: 1;
}
}
4.3 Initializing FSI QuickZoom manually
Initializing or adding images manually
If you are adding images by script, you can decide to:
I) let FSI.QuickZoom initialize automatically and add image manually:
Exanple:
<script type="text/javascript
src="/viewer/applications/quickzoom/js/fsiquickzoom.js"></script>
<script type="text/javascript>
addMyImagesToTheDom(); // add your images here
// make FSI.QuickZoom look for new images
$FSI.quickZoom.scanForNewImages();
</script>
II) initialize FSI.QuickZoom manually after adding your images:
