seadragon.html

<!DOCTYPE html>
 <html>
    <head>

        <script type="text/javascript"
              src="./OpenSeadragon.debug.js">
        </script>
        <script type="text/javascript">
            var viewer = null;
			var djbase = "http://jp2k.lib.virginia.edu/resolver?url_ver=Z39.88-2004&rft_id=http://memory.loc.gov/gmd/gmd433/g4330/g4330/np000066.jp2&svc_id=info:lanl-repo/svc/getRegion&svc_val_fmt=info:ofi/fmt:kev:mtx:jpeg2000&svc.format=image/jpeg&svc.rotate=0"
	        // Rewrite djbase above to point to the Djatoka installation and image you desire.
	        
			function init() {
                viewer = new Seadragon.Viewer("container",djbase);
                viewer.openDzi("./locmap.xml");
                // rewrite the pointer to the xml file to describe your image size
                
            }

            Seadragon.Utils.addEvent(window, "load", init);

        </script>

        <style type="text/css">
            #container
            {
                width: 900px;
                height: 500px;
                background-color: black;
                border: 1px solid black;
                color: white;   /* for error messages, etc. */
            }
        </style>

    </head>
    <body>
        <div id="container"></div>
    </body>
 </html>