2

我正在尝试将 kennydude 的 JavaScript Photo Sphere 查看器 ( https://github.com/kennydude/photosphere ) 嵌入到基于 Contao CMS 2.11 的网站中。我基本上使用了他的 test.html 中的以下代码，我针对特定站点进行了调整：

<a href="http://www.***.tld/tl_files/labor/scripts/pano1.jpg" id="goForIt">Berechnen</a>
<div id="sphere" style="width: 100%; height: 300px;"></div>
<script src="http://www.***.tld/tl_files/labor/scripts/three.min.js"></script>
<script type="text/javascript" src="http://www.***.tld/tl_files/labor/scripts/sphere.js"></script>
<script type="text/javascript">
    document.getElementById("goForIt").onclick = function(){
    sphere = new Photosphere(this.getAttribute("href"));
    sphere.loadPhotosphere(document.getElementById("sphere"));
    return false;
    };
</script>

我将该代码粘贴到已上传到我的模板文件夹的 .tpl 文件中，并通过{{file:code.tpl}“自定义 HTML”内容元素将其嵌入。

但是，它不起作用 - 链接在前端页面中可见，但它不会加载 Photo Sphere - 但是，它只是将我重定向到球体的 JPG 文件。

如何将球体正确嵌入我的 Contao 前端页面？

提前致谢！

4

0 回答 0