Openseadragon简单图像

Question

我正在尝试构建一些东西，使用exist-db和openseadragon：

我的文件结构可以在链接中找到。click here里面，我有相应的文件。现在，我想在show.html中使用简单的图像和openseadragon (位于pages中。因为我的所有html文件都存储在该文件夹中。)

我的show.html看起来像这样：

<div class="content-container">
<div class="column">blablabla</div>
<div class="column" id="dragon-container">
<div id="seadragon-viewer" style="height:600px; width:100%; position:right;"/>
</div>

​

​

     var viewer = OpenSeadragon({           id: "seadragon-viewer",           tpye: "image",           url: "/data/images/Page0001.JPG"         });           

    </div>

我得到的是This。带有导航切换的空openseadragon-div。

我首先认为我弄乱了URL，并在其中添加了"../“(或任何其他位置)，但都没有用。有谁能给我指个方向吗？

在我获得Page0001.JPG显示后，我将从我拥有的18张图片中生成一个序列(并将openseadragon-viewer同步到包含附带文本的div)

这只是第一步，我想我之后会去DZIs。然而，我现在只有糟糕的foto，我必须拍摄更好的，所以为什么不在我添加最终图片之前做一个“概念”(+我想学习一些东西！)

提前感谢！

Answer 1

您需要将图像规范放在tileSources属性中，如下所示：

var viewer = OpenSeadragon({ 
  id: "seadragon-viewer", 
  tileSources: {
    type: "image", 
    url: "/data/images/Page0001.JPG" 
  }
});