Sie sind nicht angemeldet.

1

Montag, 7. April 2014, 14:42

Textfeld & Hotspots Responsiv je nach Größe des Panos automatisch anpassen lassen?

Hallo,
wie schon in der Überschrift beschrieben suche ich eine Möglichkeit wie ich in der tour.xml bei Textfeld & Hotspots die Größe spezifisch zu der Größe des Panos (im Fenster, Fullscreen, iframe mit bestimmter Pixelgröße, Browser im Fenstermodus) anpassen kann? Das aber nicht nur auf eine Größe festgelegt sondern je nach dem wie man die Größe des Panos ändert, sich Textfeld und Hotspot (jpg, png) Responsiv dazu anpassen.

Gibt es da eine Möglichkeit? Habe nämlich das Problem das ich in einem Pano sehr viele Textfelder und Hotspots habe und diese im Fenstermodus überlappen und nur im Fullscreen gut aussehen und passen. Siehe Anhänge.

Textfeld und Hotspotcode:

<hotspot name="hs1"
visible="false"
url="%SWFPATH%/plugins/textfield.swf"
width="400"
height="400"
ath="-26.00262476064981" atv="-13.070477983057463"
html="[p][/p][p]Hauptgebäude für Informatik.[/p] [p]Hier befindet sich das Hauptgebäude für Informatik.[p][/p]

[p]Lage:[/p]
[p]Ernst-Grube-Straße[/p]
[p][/p]
[p]Link:[/p]
[p][a href='http://www.informatik.de' target='_blank']http://www.informatik.de[/a][/p]
[p][/p]"


css="
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: regular;
color: #ffffff;
marginLeft: 10px;
marginRight: 10px;"
glow="0"
glowcolor="0xFFFFFF"
autosize="center"
background="true"
backgroundcolor="0x00000"
backgroundalpha="0.5"
border="true"
bordercolor="0xffffff"
borderalpha="1"
borderwidth="2.0"
roundedge="0"
shadow="1"
shadowrange="0"
shadowangle="45"
shadowcolor="0xffffff"
shadowalpha="1"
textshadow="1.0"
textshadowrange="4.0"
textshadowangle="45"
textshadowcolor="0x000000"
textshadowalpha="1.0"
onclick="set(hotspot[hs1].visible,false); "
/>

<hotspot name="Ohne Bewegung"
onover="set(hotspot[hs1].html,);
set(hotspot[hs1].ath,10);
set(hotspot[hs1].atv,-10);
set(hotspot[hs1].visible,true); "
onout="set(hotspot[hs1].visible,false); "
onclick=""
/>


<hotspot name="hs2" devices="all"
url="skin/info.png"
keep="false"
ath="-41.42692183016453" atv="3.000611488455982"
zoom="false" distorted="false" details="8" flying="0"
width="210" height="328"
scale="0.13107518656769201" scale9grid="" scalechildren="false" rotate="0"
rx="0" ry="0" rz="0"
edge="center" ox="" oy=""
crop="" ondowncrop="" onovercrop=""
visible="true" enabled="true" usecontentsize="false" handcursor="true" capture="true" children="true" maskchildren="false"
zorder="0"
alpha="0.85" autoalpha="false" blendmode="normal" effect="" smoothing="true" pixelhittest="false"
refreshrate="auto"
onloaded=""
onover=""
onhover="showtext(Hauptgebäude für Informatik ,schrift);"
onout=""
ondown=""
onup=""
onclick="set(hotspot[hs1].visible,true); set(hotspot[hs3].visible,false); set(hotspot[hs5].visible,false); set(hotspot[hs7].visible,false); set(hotspot[hs9].visible,false); set(hotspot[hs11].visible,false); set(hotspot[hs13].visible,false); set(hotspot[hs15].visible,false); set(hotspot[hs17].visible,false); set(hotspot[hs19].visible,false); set(hotspot[hs21].visible,false); set(hotspot[hs23].visible,false); set(hotspot[hs25].visible,false); set(hotspot[hs27].visible,false); set(hotspot[hs29].visible,false); set(hotspot[hs31].visible,false); set(hotspot[hs33].visible,false);"
bgalpha="0"
bgcapture="false"
bgcolor="0"
type="image"
>
</hotspot>

Für jede Hilfe bin ich Dankbar
»Stemarmischias« hat folgende Bilder angehängt:
  • fullscreen.jpg
  • fenster.jpg

siamak

Anfänger

Beiträge: 23

Wohnort: Berlin

Beruf: Softwareentwickler

  • Nachricht senden

2

Samstag, 19. April 2014, 17:39

Hi Stemarmischias,

du kannst Alle Breiten- und Höhenwerte in Prozent angeben. Du kannst auch mit der Angabe "prop" die Proportion deiner Bilder erhalten: http://krpano.com/docu/xml/#layer.width

Hoffe das hilft dir.

Viele Grüße

Siamak

3

Donnerstag, 24. April 2014, 11:33

Hallo,
danke für die Infos. Ich habe es probiert und es hilft mir auf jeden Fall weiter. Sagt bescheid falls es noch andere Möglichkeiten gibt.

Danke

Ähnliche Themen