我已经创建了一个深度缩放图像,当图像文件放在本地时,我可以用以下代码显示它:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
body {
margin: 0px;
font-family: Verdana;
line-height: 1.25em;
background-color:#000000;
}
</style>
<script type="text/javascript" src="http://seadragon.com/ajax/0.8/seadragon-min.js"></script>
<script type="text/javascript">
var viewer;
function init() {
viewer = new Seadragon.Viewer("container");
viewer.openDzi("spider.xml");
viewer.setFullPage(true);
}
Seadragon.Utils.addEvent(window, "load", init);
</script>
</head>
<body>
<div id="content">
<div id="container">
</div>
</div>
</body>
</html>但是当我将图片和xml文件上传到http://foto.qaz.dk时
并将以下代码viewer.openDzi("spider.xml");更改为viewer.openDzi("http://foto.qaz.dk/spider.xml");
我从seadragon得到一个错误信息“嗯,这似乎不是一个有效的深度变焦图像”
我做错了什么?
发布于 2011-07-01 18:13:58
请看这篇文章:
http://dragonosticism.wordpress.com/2008/11/25/seadragon-ajax-and-cross-site-scripting/
你遇到了一个跨脚本的javascript问题。您需要将脚本移动到远程主机上,或者重新考虑。
发布于 2012-12-06 11:30:21
你控制foto.qaz.dk吗?如果是这样的话,设置适当的CORS头,以字符串的形式下载XML,并将该字符串作为第二个参数传递给openDzi调用。有关CORS的更多信息,请访问:http://en.wikipedia.org/wiki/Cross-origin_resource_sharing
CORS在较老的浏览器中不受支持,但由于您正在编写基于seadragon的应用程序,因此假设您希望只使用现代浏览器。请参阅:http://caniuse.com/#feat=cors
https://stackoverflow.com/questions/6539383
复制相似问题