You are not logged in.

Hotspot Natives Foto zentrisch anzeigen und per Klick wieder schliessen

pepe

Beginner

  • "pepe" started this thread

Posts: 20

  • Send private message

1

Wednesday, September 22nd 2010, 11:22am

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
pepe has attached the following image:
  • foto-042.jpg

elexx

Beginner

Posts: 24

Location: Werdau / Westsachsen

  • Send private message

2

Wednesday, September 22nd 2010, 12:51pm

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

Source code

 
1
2
3
4
5
6
7
8

<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

pepe

Beginner

  • "pepe" started this thread

Posts: 20

  • Send private message

3

Wednesday, September 22nd 2010, 4:51pm

Problem gelöst - vielen Dank!

Hallo Steffen

Vielen Dank für Deinen golödrichtigen Tipp! Das war genau, was mir fehlte; nun läuft alles bestens!

Gruss Pepe

Similar threads