kennydude の JavaScript Photo Sphere ビューアー ( https://github.com/kennydude/photosphere ) を Contao CMS 2.11 ベースの Web サイトに埋め込もうとしています。私は基本的に、特定のサイトに合わせた彼の 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 フロントエンド ページに球体を適切に埋め込むにはどうすればよいですか?
前もって感謝します！