HE.html

<meta charset="utf-8" />
<div id="openseadragon1" style="width: 100%; height: 95%;"></div>
<script src="https://images.patolojiatlasi.com/openseadragon/openseadragon.min.js"></script>
<script type="text/javascript">
    var viewer = OpenSeadragon({
        id: 'openseadragon1',
        prefixUrl: 'https://images.patolojiatlasi.com/openseadragon/images/',
        tileSources: {
            Image: {
                Url: './HE_files/', // name of image folder
                TileSize: '254', // see .dzi file
                Overlap: '1', // see .dzi file
                Format: 'jpeg', // see .dzi file
                ServerFormat: 'Default', // optional
                xmlns: 'http://schemas.microsoft.com/deepzoom/2009', // see .dzi file
                Size: {
                    Width: '21172', // see .dzi file
                    Height: '12869' // see .dzi file
                }
            }
        }
    });
</script>