Careful

The hyperimage popup requires the presence of the hi-res file prefixed with "orig" as in imagesCaraffa_1.jpg and origimagesCaraffa_1.jpg.

Comment by JML

This is how the EOA version we were given at the time worked. It created 3 versions of each image in EOA and previxed them with "orig" and "big".

Hyperimage insertion

Code was committed by bitGilde to repository It is recommended to use the minified version of the HIEOALoader script for production purposes: HIEOALoader.min.js

We have updated the included libraries.

The block looks like this

   <!-- HyperImage EOA Viewer -->
   <link rel="stylesheet" href="/media/HI-Viewer/lib/fontawesome/web-fonts-with-css/css/fa-regular.min.css?v=1.0">
   <link rel="stylesheet" href="/media/HI-Viewer/lib/fontawesome/web-fonts-with-css/css/fa-solid.min.css?v=1.0">
   <link rel="stylesheet" href="/media/HI-Viewer/lib/fontawesome/web-fonts-with-css/css/fontawesome-all.min.css?v=1.0">
   <link rel="stylesheet" href="/media/HI-Viewer/lib/leaflet/leaflet.css?v=1.0">
   <link rel="stylesheet" href="/media/HI-Viewer/lib/leaflet/spin.css?v=1.0">
   <link rel="stylesheet" href="/media/HI-Viewer/lib/leaflet/Leaflet.SlideMenu/src/L.Control.SlideMenu.css?v=1.0">
   <script src="/media/HI-Viewer/lib/leaflet/leaflet.js"></script>
   <script src="/media/HI-Viewer/lib/leaflet/Leaflet.SlideMenu/src/L.Control.SlideMenu.js"></script>
   <script src="/media/HI-Viewer/lib/leaflet/Leaflet.Control.Custom/L.Control.Custom.js"></script>
   <script src="/media/HI-Viewer/lib/leaflet/spin.js"></script>
   <script src="/media/HI-Viewer/lib/leaflet/Leaflet.Spin/leaflet.spin.min.js"></script>

   <link rel="stylesheet" href="/media/HI-Viewer/css/style.css?v=1.0">
   <script src="/media/HI-Viewer/js/HIEOALoader.min.js" data-hiconfig="ewoJImNvbmZpZyI6IHsKCQkiYmFja2dyb3VuZCI6ICJ3aGl0ZSIsCgkJImxhbmd1YWdlIjogImVuIgoJfQp9"></script>
   <!-- End HyperImage EOA Viewer -->