• Hi,

    gibt es hierfür eine Möglichkeit das Pano 100% in der Höhe darzustellen?

    Ja - die Höhe bzw. Größe der 2 Viewer ist HTML Design und hat mit dem Viewer selbst nichts zu tun.

    Dazu:

    1. entferne alle anderen HTML Elemente ober und unter der Table
    2. setze die Table auf 100% x 100% Größe
    3. setze per CSS Style html und body auf 100% Höhe

    Und auf iOS ist das nicht synchron. Gibt es hier eine Lösung?

    Nicht synchron?
    Der obige Link bzw. hier unter der aktuelle sind bei dir auf iOS nicht synchron?
    https://krpano.com/examples/10815…syncscreen.html

    Schöne Grüße,
    Klaus

  • Okay, jetzt verstehe ich!
    Ich dachte es geht nur um synchronisieren...

    Die <area> Einstellungen werden im HTML5 Viewer noch nicht unterstützt, dieser zeigt deshalb immer den vollen Ausschnitt an.

    Ein Abhilfe wäre aber durch Änderungen in HTML Aufbau möglich, z.B. durch skalieren der beiden Viewer auf 200% Breite und dem ausmaskieren/verschieben des Rests.

    z.B. hier der entsprechend geänderte <table> Code - siehe das 'overflow:hidden;' und 'position:relative; left:XXX; ' plus die 'width:200%' Werte:

    Code
    <table border="0" width="90%" height="400px" cellspacing="0" cellpadding="0">
    	<tr>
    		<td width="50%" height="400px" style="overflow:hidden;">
    			<div id="krpanoDIV1" style="position:relative; left:0%; width:200%; height:100%;"><noscript><table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br/><br/>Javascript not activated<br/><br/></center></td></tr></table></noscript></div>
    		</td>
    		<td width="50%" height="400px" style="overflow:hidden;">
    			<div id="krpanoDIV2" style="position:relative; left:-100%; width:200%; height:100%;"><noscript><table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br/><br/>Javascript not activated<br/><br/></center></td></tr></table></noscript></div>
    		</td>
    	</tr>
    </table>

    Ohne <area> Code in der XML würde dieser Code auch für Flash funktionieren (wenn auch etwas weniger effizient, da der Flashplayer das volle Fenster zeichnet).

    Hier ein Beispiel dazu: (sollte in Flash UND HTML5 funktionieren)
    https://krpano.com/examples/10815…reen-html5.html

    Schöne Grüße,
    Klaus

  • Noch ne Frage Klaus,

    Das mit den Splitscreens funktioniert soweit super. Ich zeige am Anfang eines Panos im er gerne eine Art Anleitung für die Bedienung in Form einer Grafik, welche zentriert dargestellt wird. Wenn ich dies nun in einer der beiden XML Dateien machen, ist ja die Hälfte der Grafik abgeschnitten. Gibt es hier eine Möglichkeit z.b. die Grafik evtl. In beiden Panos einzubinden, aber durch Klick auch die in der anderen XML integrierte zu schließen?

  • Hi,

    ja, das wäre möglich - aber nur über Javascript,

    z.B. in beiden Panos im onclick der Anleitungsgrafik eine Javascript Funktion aufrufen, welche wiederum dann in beiden Panos die Anleitungsgrafik versteckt,

    z.B. jeweils in beiden XML Dateien:

    Code
    <plugin name="Anleitungsgrafik" ... onclick="js( verstecke_Anleitungsgrafik() );" .. />

    und in der HTML:

    Code
    function verstecke_Anleitungsgrafik()
    {
      var krpano1 = document.getElementById("krpanoSWFObject1");
      var krpano2 = document.getElementById("krpanoSWFObject2");
      krpano1.set("plugin[Anleitungsgrafik].visible", false);
      krpano2.set("plugin[Anleitungsgrafik].visible", false);
    }

    Schöne Grüße,
    Klaus

  • Dann mache ich vermutlich etwas falsch. So sieht jedenfalls der Code aus:

    und dies in beiden XML

    Code
    <plugin name="infobild" url="../images/bedienung.png" keep="true" zorder="100" alpha="1.0" align="center" onclick="js(hide);"/>
  • leider nein

  • Hi,

    okay, das war nicht ganz einfach zu sehen, aber dein Fehler liegt in der Syntax hier:
    krpano1.set("plugin[infobild].visible, false");
    krpano2.set("plugin[infobild].visible, false");

    Dort wird set() nur mit einem Parameter, nämlich "plugin[infobild].visible, false", aufgerufen - das ist aber falsch.

    Die set(Variable, Wert) Funktion hat zwei Parameter:

    1. der erste Parameter bestimmt die Variable die gesetzt werden soll,
    2. und der zweite den Wert dafür.


    D.h. richtig sehe der Code so aus: (achte auf die Anführungszeichen und den Beistrich)
    krpano1.set("plugin[infobild].visible" , false);
    krpano2.set("plugin[infobild].visible" , false);

    Hier ein funktionierendes Beispiel dazu:
    https://krpano.com/examples/10815…5-infobild.html

    Schöne Grüße,
    Klaus

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!