所以我一直在尝试在我的网站上使用OpenSeadragon的annotorius插件,但是由于某些原因,这个插件甚至不能加载。我认为目录部分是没有问题的。
下面是我的代码:
</head>
<div id="openseadragon1" style="width: 1000px; height: 600px;"></div>
<div id="example-overlay" style = "width: 1000px; height: 600px" ></div>
<script src="openseadragon-bin-2.4.2/openseadragon-bin-2.4.2/openseadragon.min.js"></script>
<script src="openseadragon-annotorious.min.js"></script>
<script type="text/javascript">
console.log(5+6);
window.onload = function(){
var viewer = OpenSeadragon({
id: "openseadragon1",
prefixUrl: "openseadragon-bin-2.4.2/openseadragon-bin-2.4.2/images/",
navigatorSizeRatio: 0.25,
wrapHorizontal: true,
tileSources: {
height: 512*256,
width: 512*256,
tileSize: 256,
minLevel: 8,
getTileUrl: function( level, x, y ){
return "http://s3.amazonaws.com/com.modestmaps.bluemarble/" +
(level-8) + "-r" + y + "-c" + x + ".jpg";
// Initialize the Annotorious plugin
var anno = OpenSeadragon.Annotorious(viewer);
// Load annotations in W3C WebAnnotation format
anno.loadAnnotations('annotations.w3c.json');
// Attach handlers to listen to events
anno.on('createAnnotation', function(a) {
// Do something