You are not logged in.

Navigation Ein/Aus

360er

Beginner

  • "360er" started this thread

Posts: 19

  • Send private message

1

Saturday, February 1st 2014, 8:06pm

Navigation Ein/Aus

Hallo liebe Kollegen

Ich hänge fest, vielleicht kann mich einer von Euch vom Haken nehmen :o)

Seid kurzem arbeite ich nun auch mit krpano und würde gerne das Template { MAKE VTOUR (NORMAL) droplet } wie folgt anpassen:
Den Navigations-Butten würde ich gerne an den Thumbnails anhängen, so, dass der Button auch beim Anklicken des Thumbnails-Button zusammen nach oben, resp. nach unten rutscht.
Geht das überhaupt? Ich bin nun schon den ganzen Samstag-Nachmittag daran auszuprobieren, wo im XML-File ich diese beiden Zeilen einordnen muss, jedoch ohne Erfolg. Kann mir einer von Euch bitte helfen?

Vielen Dank im Voraus, Werner


Hier das XML-Snippet, vielleicht hilft es fürs Verständnis:

<!-- Skin Layout -->

<layer name="skin_scroll_window" type="container" keep="true" align="leftbottom" width="100%" height="100%" x="0" y="60" y_opened="60" y_closed="-2" maskchildren="true">
<layer name="skin_scroll_layer" type="container" align="leftbottom" width="100%" height="100%" x="0" y="-100%">
<!-- Hier hätte ich den Button gerne -->
<layer name="skin_btn_hide" style="skin_base|skin_glow" crop="0|448|64|64" align="right" x="45" y="0" scale="0.5" onclick="skin_hideskin()" />
<layer name="skin_btn_show" style="skin_base|skin_glow" crop="64|448|64|64" align="right" x="5" y="-43" scale="0.5" alpha="0" visible="false" onclick="skin_showskin()" />

...aber wahrscheinlich liegt die Lösung irgendwo in den Action-Scripts – nur wo und wie – keine Ahnung...
Kann mir jemand von Euch helfen?

This post has been edited 3 times, last edit by "360er" (Feb 2nd 2014, 5:33pm)

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

2

Monday, February 3rd 2014, 3:49pm

Hi,

da der 'skin_scroll_layer' <layer> ziemlich 'hoch' (100%) ist, wäre der Button mit diesem Code - align="right" - in der Mittel von diesm angeordnet und dadurch beim Öffnen der Thumbleiste nicht sichtbar.

Probiere ein align="righttop" plus edge="rightbottom" um den Button mit seiner rechten-untern Ecke an der rechten-oberen Ecke des 'skin_scroll_layer' Elements anzuordnen, damit müsste der Button über der Leiste sichtbar sein - z.B.

<layer name="skin_btn_hide" style="skin_base|skin_glow" crop="0|448|64|64" align="righttop" edge="rightbottom" x="50" y="0" scale="0.5" onclick="skin_hideskin()" />

Schöne Grüße,
Klaus

360er

Beginner

  • "360er" started this thread

Posts: 19

  • Send private message

3

Tuesday, February 4th 2014, 9:13pm

Hallo Klaus

Vielen Dank für Deine Unterstützung!

Vielleicht ist ja der 'skin_scroll_layer'auch der falsche, ich möchte einfach gerne eine "Lasche" an die Thumbnail-Ebene oben platzieren und den Rundgang mit geöffneten Thumbnails starten und selbigen dann mit dieser Lasche/Button schliessen oder öffnen können (siehe Anlagen-Pics).
Meinst Du das geht auf eine einfache weise, oder ist das sehr aufwändig für einen Script-Dummi wie mich?

Herzlichen Dank – so oder so – und beste Grüsse
Werner
360er has attached the following images:
  • krpanoScreen_geschlossen.jpg
  • krpanoScreen_offen.jpg

360er

Beginner

  • "360er" started this thread

Posts: 19

  • Send private message

4

Friday, February 7th 2014, 9:26pm

Liebes Forum, weiss wirklich niemand wie ich das angehen kann?
Jede Unterstützung wäre super – vielen Dank nochmals.

Beste Grüsse, Werner

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

5

Monday, February 10th 2014, 8:43am

Hi,

dazu ist 'skin_scroll_layer' schon der richtige Layer, nur der falsche Button wurde dazu verwendet - der Button welcher im Default Skin das Öffnen und Schließen der Thumbnailbar steuert ist der 'skin_btn_thumbs' Button. D.h. dieser müsste 'verschoben' und/oder verändert werden.

D.h. suche nach dieser Zeile (dem Thumb Button; befindet sich im 'skin_control_bar' Layer):
<layer name="skin_btn_thumbs" style="skin_base|skin_glow" crop="0|128|64|64" align="leftbottom" x="50" y="4" scale="0.5" ondown2="skin_showmap(false); skin_showthumbs();" />


Und entferne diese Zeile an dieser Stelle und füge sie an dieser hier ein und ändere Zusätzlich noch die align/edge/x/y Positionsangaben:

<layer name="skin_scroll_window" ...>
<layer name="skin_scroll_layer" ... />
<layer name="skin_title" ... />

<!-- thumb button -->
<layer name="skin_btn_thumbs" style="skin_base|skin_glow" crop="0|128|64|64" align="top" edge="bottom" x="0" y="0" scale="0.5" ondown2="skin_showmap(false); skin_showthumbs();" />

<layer name="skin_scroll_container" ...>
...


Damit sitzt der Button schon einmal an der gewünschten Stelle und funktioniert auch entsprechend.

Zum Austauschen der Button Grafik dann noch anstelle von - style="skin_base" crop="0|128|64|64" - z.B. eine eigene Grafik per - url="meinegrafik.png" - einbinden. Damit sich die Grafik je nach Zustand auch noch ändert, z.B. die url in der 'skin_showthumbs()' Action per - set(layer[skin_btn_thumbs].url, 'meinegrafik2.png'); - umsetzen (oder auch nur eine Grafik für beide Zustände verwenden und den 'Crop'-Ausschnitt verändern).

Schöne Grüße,
Klaus

360er

Beginner

  • "360er" started this thread

Posts: 19

  • Send private message

6

Sunday, March 16th 2014, 6:12pm

Hallo Klaus

Hat eine Weile gedauert – musste meine Leidenschaft kurz unterbrechen – jetzt konnte ich mich wieder hinter das Interface machen.
Und, es hat geklappt, genau wie Du es beschrieben hast. Gerne kannst Du Dir/ Ihr Euch das Ergebnis unter nachfolgender URL anschauen:
http://www.panoramajournal.ch/kunden/giardina2014/

Einzig ein Android Handy konnte ich nicht kontrollieren (hab keines) – ist vielleicht/hoffentlich auch nicht so wichtig. Auf einem Samsung Smart-Tablet hingegen sieht es auch perfekt aus, genauso wie auf iPad und iPhone. Dies ist eines meiner ersten Projekte mit KRPano (früher Pano2VR) bin begeistert wie einfach Details am Interface auch im Nachhinein geändert/angepasst werden können und man dadurch sehr viel automatisieren kann.

Vielen Dank Klaus für diese super Engine und für Deine Unterstützung!!!

Beste Grüsse, Werner

Similar threads