360° Panoramen mit Jimdo und Google VR view

Hier findet ihr eine kleine Beschreibung wie Ihr mit Hilfe von "Google VR View"  360° Panoramen auf Jimdo Webseiten präsentieren könnt.

  1. auf eine (ggf. versteckte)  Jimdo Seite das 360° Panorama hochladen
  2. in anderen Browserfenster (nicht in Jimdo eingeloggt) diese versteckte Seite aufrufen und die URL des Fotos kopieren (rechte Maustaste)
  3. eine Jimdo-Webseite anlegen und/oder bearbeiten, auf welcher das Panorama angezeigt werden soll
  4. "Inhalt hinzufügen" wählen
  5. "weitere Inhalte und Add-ons" wählen
  6. "</> Widget / HTML" auswählen
  7. den folgenden Code einfügen und dabei die URL zum Panorama  mit der gespeicherten URL zum eigenen Panorama ersetzen. (den Parameter "dimension=1908x10000:" aus der Jimdo URL zum Foto kann man löschen, oder drin lassen und ggf. anpassen und damit die Auflösung steuern)
  8. Speichern (Panorama wird erst nach Ausloggen und neu laden angezeigt)

Die anderen Parameter und Erweiterungen wie  z.B. Hotspots sind hier bei Google erläutert.

 

<div id="vrview">
</div>
<script src="//storage.googleapis.com/vrview/2.0/build/vrview.min.js" type="text/javascript">
</script><script type="text/javascript">
//<![CDATA[
 window.addEventListener('load', onVrViewLoad)
 function onVrViewLoad() {
   var vrView = new VRView.Player('#vrview', {
     image: 'https://image.jimcdn.com/app/cms/image/transf/format=jpg/path/s7dfc4a5b79c80cf3/image/i743582b2c34c15a3/version/1476638729/image.jpg', 
     is_stereo: false, width: 600, height: 300,
    
   });
 }
//]]>
</script>