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%5b/a%5D%5B/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

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!