Um den Viewer nutzen zu können muss mindestens jQuery 1.2 eingebunden sein:
https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js
Für alles weiter wird unser Skript benötigt:
https://360view.online/render/script.js
Ist jQuery und unser Script im head platziert, so kann der Viewer irgendwo im Body platziert werden:
<div class="vm360ViewerLb" data-viewid="View-ID" style="width: Breite; height: Höhe;"></div>
Die View-ID ist die eindeutige Kennung für eine View und muss angegeben werden um die richtigen Bilder zu laden. Breite und Höhe höhe können in px oder % angegeben werden und führen dazu das sich die View ähnlich einem Bild-Element in seine Eltern element einpasst, die View passt sich dann von selbst so ein, dass nichts angeschnitten wird oder zu viel Platz verschwendet.
Das wars, im Folgenden einige Beispiele, viel Spaß 🎉
<div class="vm360ViewerLb" data-viewid="54f9a43053" style="width: 100%; height: 700px;"></div>
<div class="vm360ViewerLb" data-viewid="54f9a43053" style="width: 400px; height: 400px;"></div>
<div class="vm360ViewerLb" data-viewid="54f9a43053" style="width: 500px; height: 800px;"></div>
<div class="vm360ViewerLb" data-viewid="54f9a43053" style="width: 700px; height: 300px;"></div>