Hotspot Natives Foto zentrisch anzeigen und per Klick wieder schliessen

  • Hallo zusammen!

    Stehe vor einem Problem, das an sich sehr einfach scheint, das ich aber seit Tagen nicht lösen kann. Ich habe ein Hotspot Symbol im Panorama gesetzt, dass beim darüberfahren leicht grösser wird (Hoover) und beim Klicken ein Textfeld mit eingebettetem Foto öffnet. Soweit funktioniert folgender Code einwandfrei:

    <hotspot name="HotspotImage001"
    ath="-17.0" atv="0.5"
    onhover="showtext(Aletschhorn, hotspotstyle);"
    onclick="action(showTextfield,HotspotImage001);"
    url="skin/trp/trpHotspotBlauFoto.png"
    scale="0.1" zoom="true" distorted="false"
    onover="set(scale,0.2);" onout="set(scale,0.1);" >
    </hotspot>
    <data name="HotspotImage001">
    <p align="center">
    <a href="event:action(hideTextfield);">
    <img src="skin/trp/trpFensterleiste.jpg" width="600" height="36" hspace="0" vspace="0" /><br />
    <img src="dokumente/Aletschhorn.jpg" width="600" height="400" hspace="0" vspace="0" /></a></p>
    </data>

    Nun stehe ich von der Aufgage, Dutzende und vermutlich noch viel mehr solcher Hotspots zu generieren. Daher möchte ich das ganze stark vereinfachen: Alle Fotos werden vorgängig mit einer Photopshop Aktion vorbereitet, dass sie die endgültige Grösse und endgültige Aussehen haben inkl. Rahmen, Kreuz zum schliessen rechts oben usw. dadurch entfällt die ganze Komplexität der Skalierung usw. usw., wenn folgende banale Funktionalität möglich wäre:

    Beim Klick soll ganz einfach das Foto zentrisch (evtl. optional mit Koordinatenangabe) in nativer Grüsse auf dem Bildschirm angezeigt werden (optional: weiches Einblenden) und danach per Klick wieder geschlossen werden können.

    Das Ziel ist eigentliich, dass der oben aufgeführte Codeblok einfach kopiert und mit dem Austauschen des Hotspot-Namens, der Hotspot-Koordinaten und der anzuzeigenden Bilddatei kopiert werdren könnte. Dadurch würde
    auch die grössenabhängige Aktion showTextfield entfallen.
    Dies ist fast existenziell für meine laufenden Projekte und ich bin für jegliche Hilfe sehr dankbar!

    Einen schönen Tag
    Pepe

  • Hallo Pepe,
    ich mache das so - völlig ohne HTML:
    (vereinfacht)

    Code
    <scene name="sc5304" >
    <image>...</image>
    <plugin name="stillphoto" url="IMG_5304p.tiles/IMG_4913-4915.jpg" alpha="1.0" align="center" visible="false" onclick="set(plugin[stillphoto].visible,false);"/>
    <hotspot name="hs2" visible="true" onclick="set(plugin[stillphoto].visible,true);" >
    <point ath="-26.3132" atv="-10.5298"/>
    ...
    </hotspot>
    </scene>

    Das Bild wird bereits zu Beginn der Szene als Plugin namens "stillphoto" geladen, dessen Sichtbarkeit aber auf "false" gesetzt. Beim Klicken auf den Hotspot wird der Wert "visible" von "stillphoto" auf "true" gesetzt - das Bild erscheint über dem Panorama. Durchs Klicken auf das Bild selbst verschwindet es wieder (onclick visible=false).

    HTH Steffen

Participate now!

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