Question

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

我的文件结构可以在链接中找到。 click here 在里面，我有相应的文件。到目前为止，我想在show.html（位于页面中，因为所有html文件都存储在该文件夹中）中使用带有openseadragon的简单图像。

我的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：“图片”，网址：“ / data / images / Page0001.JPG” }）;

    </div>

This是我所得到的。一个空的openseadragon-div，带有导航开关。

我首先以为我弄乱了URL并在其上添加了“ ../”（或任何其他位置），但无济于事。谁能指出我正确的方向？

当我显示Page0001.JPG之后，我将根据所拥有的18张图片制作一个序列（并将openseadragon-viewer同步到包含随附文本的div）

这只是第一步，我想以后会去DZI。但是，我现在只有糟糕的照片，我必须拍一些更好的照片，所以为什么在添加最终照片之前不要做一个“概念”（+我想学点！）

提前谢谢！

Answer 1

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

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

Openseadragon简单图像

1 个答案: