Fly out Hotspot mit Lupe

  • Hallo,

    ich wollte einmal anfragen wie man ein Flyout Hotspot machen koennte, bei welchem als Hotspot-icon zum Beispiel eine Lupe angezeigt wird aber das Bild, welches rausfliegt dann natuerlich ein anderes ist. Ist das moeglich? Gibt es da ein Beispiel?

    Gruss,
    Torres

  • Hallo,

    ich wollte irgendein Bild herausfliegen lassen an der Position an der ich die Lupe positioniere.
    Nun sieht man entweder das nicht zum restlichen Bild passende Flyout-Minibild oder ich habe es
    so klein skaliert, dass man es zwar kaum mehr sieht aber auch nicht trifft. Und die Lupe wird immer
    von dem Flyout-Minibild ueberdeckt, oder teilweise ueberdeckt, das schaut dann nicht so nett aus.

    Ich hab es dann mit einem winzigkleinen Polygon gemacht... aber wenn man ranzoomt, sieht man,
    dass es Mist ist *sad*

    Gruss,
    Torres

  • Servus,

    ja hier hab ich die Beispiele:

    <hotspot name="hs1"
    keep="false"
    visible="true" enabled="true" handcursor="true" capture="true" children="true"
    zorder="0"
    fillcolor="0xfff000" fillalpha="0.10" borderwidth="4.0" bordercolor="0xfff000" borderalpha="0.80"
    fillcolorhover="0xffba00" fillalphahover="0.10" borderwidthhover="4.0" bordercolorhover="0xffba00" borderalphahover="0.80"
    fadeintime="0.150" fadeouttime="0.300" fadeincurve="1.100" fadeoutcurve="0.700"
    onover=""
    onhover="showtext(anschauen,infostyle);"
    onout=""
    ondown=""
    onup=""
    onclick=""
    details="8"
    effect=""
    flying="0"
    inverserotation="false"
    >
    <point ath=" 37.8084" atv=" 11.4214" />
    <point ath=" 38.3438" atv=" 11.4273" />
    <point ath=" 38.3095" atv=" 11.8652" />
    <point ath=" 37.8031" atv=" 11.8593" />
    </hotspot>


    <include url="../xml_all/fly_out_hotspots.xml" />
    <hotspot name="flyo1" style="flyoutimage"
    url="../images/2071020809/muh1.png"
    onhover="showtext(anschauen,infostyle);"
    zorder="30"
    ath="38.01"
    atv="11.62"
    scale="0.005"
    rx="0" ry="0" rz="0"
    />
    ---------------------------------------------------------------------------------------------


    <include url="../xml_all/fly_out_hotspots.xml" />
    <hotspot name="flyo2" style="flyoutimage"
    url="../images/2071020809/muh1.png"
    onhover="showtext(angucken,infostyle);"
    zorder="30"
    ath="24.95"
    atv="8.32"
    scale="0.005"
    rx="0" ry="0" rz="0"
    />


    <hotspot name="hs2"
    url="../../../.pix/lupe.png"
    ath="24.95"
    atv="8.32"
    sltype="link"
    visible="true"
    handcursor="false"
    onhover="showtext(angucken,infostyle);"
    />


    --------------------------------

    hier als flash anschauen:
    http://www.virtuelle-wanderung.de/flash/view.php?p=2071020809

    Bei dem mit der Lupe muss man genau das Flying Out Icon unten drunter erwischen, sonst kommt nix.
    Und wenn Du hineinzoomst, ueberdeckt dann ds kleine Minibild die Lupe.


    ------------------------
    hier hab ich eins, bei welchem ich um den flying out hotspot einen polygon hotspot gesetzt habe:
    http://www.virtuelle-wanderung.de/flash/view.php?p=5791270210 aber das ist immer ein gefrickel,
    bis die beiden Bilder dann uebereinanderpassen, wie man sieht hab ich das auch nciht ordentlich gemacht,
    weil ich doch nicht eine Stunde an einem Hotspot sitzen will. Und wenn die Bilder fuer den Hotspot ganz
    andere sein werden, dann kann ich die schlecht auf diese Weise einbauen.


    Danke und Gruss,
    Torres

  • Hi,

    nein, das ganze ist anders gemeint:

    der Lupen-Hotspot steuert das "flying" des eigentlichen Hotspots,
    nicht das dieser nur 'daüberliegt',

    der Bild-Hotspot könnte zusätzlich noch unsichtbar (alpha=0)
    hinter dem Lupen-Hotspot liegen,

    z.B.

    wird bei den Befehlen (z.B. hier - set(enabled,false); ) - kein vollständiger Pfad der Variable (z.B. statt - set(hotspot[lupe].enabled,false);) angegeben, dann ist das aktuelle Objekt gemeint,

    bei Klick auf die Lupe wird nun der Lupen-Hotspot deaktiviert, der Bild Hotspot aktiviert, die Lupe ausgeblendet und dasBild 'fliegt' heraus und wird gleichzeitig eingeblendet,

    und bei Klick auf das Bild selbst passiert im Prinzip genau das umgekehrte,

    (ein Polygon Hotspot wird da überhaupt nicht benötigt)

    Schöne Grüße,
    Klaus

  • Hallo,

    ich hatte jetzt hier auch eine Version bearbeitet, die schreibe ich schnell mal hier rein.
    (Natuerlich schaue ich mir das andere dann auch gleich an)

    Also hier meine Stuemperversion, die aber funktioniert:

    <!--
    #################### flying out hotspot mit Lupe drueber ############################
    visible
    true or false, default=true

    enabled
    is hotspot enabled to receive mouse events (true or false, default=true)
    new in Version 1.0.7:
    when false then mouse events are routed to underlying objects

    capture
    a addtional setting to "enabled":
    - when "enabled=true" and "capture=true" then mouse events are only sent to this hotspot
    - when "enabled=true" and "capture=false" then the mouse events are sent to the hotspot
    and also to all underlying objects
    (true or false, default=true)

    zoom
    change the size of the hotspots on zooming
    "true" or "false", default="false"

    zorder
    order of the hotspots, 0-n, default=""
    -->

    <include url="../xml_all/fly_out_hotspots.xml" />
    <hotspot name="flyo2" style="flyoutimage"
    url="../images/2071020809/muh1.png"
    onhover="showtext(angucken,buttonstyle);"
    zoom="true"
    ath="37.39"
    atv="11.18"
    scale="0.01"
    rx="0" ry="0" rz="0"
    visible="true"
    enabled="true"
    capture="true"
    />
    <hotspot name="hsp2"
    url="../../../.pix/lupe_neu.png"
    zoom="true"
    scale="0.5"
    ath="37.39"
    atv="11.18"
    sltype="link"
    zorder="30"
    visible="true"
    enabled="false"
    capture="false"
    onover="tween(scale,1.3);"
    onout="tween(scale,0.5);"
    />

    <!-- Anmerkung

    mit enabled="false" funktioniert onover und onout nicht -> sehr schade
    aber mit enabled="true" funktioniert eben der drunterliegende HS nicht mehr

    wenn zorder="30" von [hsp2] groesser als der von [flyo2], wird [flyo2] von
    [hsp2] visuell ueberdeckt (in der Doku kommt meiner Meinung nach nicht raus
    wofuer zorder steht.

    zoomen: damit das zoom im Einklang verlaeuft, muss das Lupenglas mittig im
    Bild sein, damit auch an dieser Stelle das drunterliegende Bild mitzoomt,
    die laufen sonst auseinander. ...bzw, der User klickt eben in das Lupenglas...
    -->

    und die zwei lupenbilder im Anhang.

    Gruss,
    Torres

  • Hallo iceman,

    in Deinem Panorama, das du hier angegeben hast

    Ich habe dies bei mir vor einem halben ....


    ändern alle Lupen automatisch die Größe, wenn man zoomt.

    Wie hast du das denn gemacht?
    Für jeden Lupen-Hotspot einzeln oder geht das irgendwie gemeinsam?

    Schon mal Danke

    Viele Grüße

    Sepp

  • das ist für alle gleich eingestellt.

    das habe ich über einen style gemacht, z.b. so:


    <style name="imageHSlupe"
    keep="false"
    visible="true"
    enabled="true"
    handcursor="true"
    capture="true"
    children="true"
    zorder="0"
    scale="0.75"
    inverserotation="false"
    flystate="-1"
    ismovie="false"
    url="../images/object_detail.png"
    onover=""
    onout=""
    />


    dies kannst du dann den einzelnen lupen mit style="imageHSlupe" zuweisen.

  • naja, sagen wir es mal so. es sieht aus, als wenn sie größer werden, aber wenn du mit dem lineal auf dem monitor nachmisst, sind es nur zentel bis 1mm unterschied.


    das wird wohl eine optische täuschung sein, da der hintergrund sich vergrößert und das gehirn sich sagt, dass dies die lupe auch machen müsste.

  • Hallo,

    ich hänge mich mal in diesen alten Thread, weil ich grad mit den flyout-Images arbeite und das mit der Lupe eingebaut habe.
    Nun habe ich nur mehrere Images in einem Pano, mein Ausgangspunkt war die flyout-more-hotspots.xml und die enthält jetzt drei Lupen und die Bilder fliegen rein und wieder raus. Nur das flyback der anderen, wenn ich mehrere angeklickt habe, das geht noch nicht und ich durchschaue die Programmierung da nicht ganz, das läuft über einen rekursiven Aufruf? Ist das da ActionScript in der XML?

    Und kann man die flyout-Bilder um Text ergänzen? Konkret unter anderem um die Angabe einer Homepage?

    Das ganze ist die virtuelle Tour durch eine kleine Galerie, in der letzten Ausstellung zum Thema 'wahnsinn' hatte ich da drei Bilder und eine interaktive Projektion mit krpano - hier:
    http://www.panoramicum.de/tour/xpon-art/
    ist die Tour (noch in Arbeit) und mein Raum ist der schräg unter dem Startraum, da ist auch der flyout-Effekt drin.

Participate now!

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