Sie sind nicht angemeldet.

1

Sonntag, 9. August 2009, 20:58

Bild einblenden

Hallo,

möchte gerne eine Anleitung zur Steuerung im Panorama anzeigen. Möchte hier gerne ein Bild anzeigen. Entweder automatisch beim erstmaligen Aufruf des Panoramas (nur einmal) oder durch einen Texthinweis irgendwo an der Seite.

Kann mir jemand sagen wie ich das realisieren kann ?

Habe zuerst an an das Textfield Plugin gedacht. Ist mir aber zu umfangreich. Da wird meine .xml Datei zu lange. Und das möchte ich vermeiden.

Gibts noch eine andere Lösung ??

Vielen Dank

Gruß Philipp

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Libbei« (9. August 2009, 21:22)


2

Sonntag, 9. August 2009, 21:06

Hallo!

kommt darauf an, wie gut du so beim Programmieren bist. Sonst kann man ja auf der HTML Seite eine Nachricht programmieren, die ein Cookie abfragt, und wenn das nicht vorhanden ist die Info anzeigt… Wird dann halt in PHP realisiert werden müssen.

Lg,
Christian
"Warum sind denn da alle Linien so krumm?!"

lemon

Fortgeschrittener

Beiträge: 77

Wohnort: Eppan / Südtirol

Beruf: IT-Techniker

  • Nachricht senden

3

Sonntag, 9. August 2009, 23:33

Hi Libbei,

das geht am Besten mit einem Plugin. In der xml-Datei fügst du folgenden Code ein:

<plugin name="infobild" url="panoramainfobild.png" alpha="1.0" align="center" onclick="timerset(0.5,0,plugin[infobild].alpha,1,0,linear,,false, set(plugin[infobild].visible,false););" />

Dadurch wird das Bild "panoramainfobild.png" zentriert angezeigt und kann mit der Maus weggeklickt werden.

Ich hab auch erst vor einer Woche mit dem krpano-Player Bekkantschaft gemacht, und ich kann dir nur empfehlen, die beim Download enthaltenen Beispiele mal besser anzusehen (sowohl die stabile 1.0.7er als auch die 1.0.8er Beta-Version), da wird dir vieles klarer und du kannst oft den Code kopieren und nach deinen Ansprüchen verändern.

Andreas


4

Montag, 10. August 2009, 07:13

Hi Libbei, das geht am Besten mit einem Plugin. In der xml-Datei fügst du folgenden Code ein: Dadurch wird das Bild "panoramainfobild.png" zentriert angezeigt und kann mit der Maus weggeklickt werden.
Hi Libbei, das geht am Besten mit einem Plugin. In der xml-Datei fügst du folgenden Code ein: Dadurch wird das Bild "panoramainfobild.png" zentriert angezeigt und kann mit der Maus weggeklickt werden.


Hi Lemon,

wo gibt es das Plugin Infobild ? Bei meinen Player ist das nicht dabei.  krpano Seite habe ich auch nix gefunden.

5

Montag, 10. August 2009, 07:17

[/quote]
Ich hab auch erst vor einer Woche mit dem krpano-Player Bekkantschaft gemacht, und ich kann dir nur empfehlen, die beim Download enthaltenen Beispiele mal besser anzusehen (sowohl die stabile 1.0.7er als auch die 1.0.8er Beta-Version), da wird dir vieles klarer und du kannst oft den Code kopieren und nach deinen Ansprüchen verändern.


Ja das mit den Beispielen ist schon richtig. Anders kommst eh nicht weiter. Ich beschäftige mich seit 5 Tagen mit dem krpano-Player. Hier ist mein erstes Ergebniss. Bin eigentlich schon recht zufrieden..

lemon

Fortgeschrittener

Beiträge: 77

Wohnort: Eppan / Südtirol

Beruf: IT-Techniker

  • Nachricht senden

6

Montag, 10. August 2009, 08:31

Hi Philipp,

du kannst ein PNG-Bild als Plugin laden. Füg einfach den Code ein und pass die URL an die deines Bildes an. Als Bild nimmst du am besten ein tranpsparentes 24-Bit-PNG, dessen Hintergrunddeckkraft du auf 75% stellst. Das sieht dann so aus wie hier.

Viele Grüße

Andreas

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »lemon« (10. August 2009, 08:37)


7

Montag, 10. August 2009, 09:00

Danke

Servus Andreas,

Ja genau an sowas habe ich gedacht. Wieder um eine Erfahrung reicher :-)

 Vielen Dank !!

8

Montag, 10. August 2009, 14:31

Klappt ned...

Will bei mir ned funktionieren...
Wenn ich in der XML die
onstart="loadscene(scene1,null,MERGE);" >
entferne klappt es. Wie muss ich die ändern ?

Das Bild soll aber nur bei dem ersten Pano erscheinen.

Hätte hier mal gesucht, bin aber nicht zurecht gekommen.

Vielen Dank !!



lemon

Fortgeschrittener

Beiträge: 77

Wohnort: Eppan / Südtirol

Beruf: IT-Techniker

  • Nachricht senden

9

Dienstag, 11. August 2009, 00:03

Hast du eine XML für alle Panoramen oder eine pro Panorama? Poste die doch mal hier.

10

Dienstag, 11. August 2009, 08:52

xml

Hallo,

ich habe ein xml für alle Panos.

<!--
    krpano 1.0.8
    Script fuer Touren mit Karte
-->

<krpano version="1.0.8" onstart="loadscene(scene1,null,MERGE);" >

<!-- plugins -->

<plugin name="cameracontrols"
        url="plugins/cameracontrols.swf"
        zoom_refresh_fps="10"
        keep="true"
        align="centerbottom"
        x="20"
        y="20"
        />
       
<plugin name="infobild" url="aaa.png" alpha="1.0" align="center" onclick="timerset(0.5,0,plugin[infobild].alpha,1,0,linear,,false, set(plugin[infobild].visible,false););" />

<!-- fullscreen button and events -->           
           
    <textstyle name="DEFAULT"
               font="Arial" fontsize="14" italic="true" bold="true"
               edge="right" xoffset="25" yoffset="-15"
               border="false" background="false"
               textcolor="0x000000"
               effect="glow(0xFFFFFF,0.7,4,4);dropshadow(2,45,0x000000,3,1);"
               />           
              
    <plugin name="fsbutton" url="fsbutton.png" keep="true"
            align="rightbottom" rotate="0" ox="55" oy="55" x="55" y="55" scale="1"
            alpha="0.4"
            onover="tween(alpha,0.6);"
            onout="tween(alpha,0.2);"
            onhover="showtext(Vollbild);"
            onclick="switch(fullscreen);"
            />           
           
           
    <events onenterfullscreen="action(enterfullscreen);"
            onexitfullscreen="action(exitfullscreen);"
            />

    <action name="enterfullscreen">
        tween(plugin[cameracontrols].scale,1.0);
        tween(plugin[fsbutton].rotate,180);
        tween(plugin[fsbutton].scale,1.0);
    </action>           
   
    <action name="exitfullscreen">
        tween(plugin[cameracontrols].scale,0.5);
        tween(plugin[fsbutton].rotate,0);
        tween(plugin[fsbutton].scale,0.5);
    </action>

    <!-- text styles for startup info -->
   
  <textstyle name="infostyle" origin="top" edge="top" yoffset="10" textalign="center" background="false" border="false"  fontsize="40" textcolor="0xFFFFFF" bold="false" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);" showtime="1.0" fadetime="1.0" />


    <!-- scenes -->


    <!-- 1. Panorama (Start) -->
    <scene name="scene1" onstart="action(startscene);">

        <action name="startscene">
            showtext(scene 1, infostyle);
            action(activatespot,scene1, 40);
        </action>

        <view hlookat="0" vlookat="0"
      fov="90" fovmin="40" fovmax="90" fisheye="0"
      limitview="lookat"
      vlookatmin="-75"
      vlookatmax="+75"
      />

        <image type="CUBE">
        <left url="basecube_l.jpg" />
        <front url="basecube_f.jpg" />
        <right url="basecube_r.jpg" />
        <back url="basecube_b.jpg" />
        <up url="basecube_u.jpg" />
        <down url="basecube_d.jpg" />
    </image>
   
        <!-- place here scene local elements like plugins,hotspots, ... -->

<hotspot name="spot1" url="spot2.png" ath="37" atv="-5" scale="0.6" zoom="true"
                 alpha="0.3"
                 onover="tween(alpha,1);tween(scale,1);"
                 onout="tween(alpha,0.3);tween(scale,0.6);"
                 onclick="looktohotspot(spot1); loadscene(scene2, null, MERGE, BLEND(1));"
                 />

    </scene>


    <!-- 2. Panorama-->
  <scene name="scene2" onstart="action(startscene);">

        <action name="startscene">
            showtext(scene 2, infostyle);
            action(activatespot,scene2, 40);
        </action>

        <view hlookat="0" vlookat="0"
      fov="90" fovmin="40" fovmax="90" fisheye="0"
      limitview="lookat"
      vlookatmin="-75"
      vlookatmax="+75"
      />

        <image type="CUBE">
        <left url="basecube2_l.jpg" />
        <front url="basecube2_f.jpg" />
        <right url="basecube2_r.jpg" />
        <back url="basecube2_b.jpg" />
        <up url="basecube2_u.jpg" />
        <down url="basecube2_d.jpg" />
    </image>

        <!-- place here scene local elements like plugins,hotspots, ... -->

<hotspot name="spot2" url="spot2.png" ath="-150" atv="5" scale="0.6" zoom="true"
                 alpha="0.3"
                 onover="tween(alpha,1);tween(scale,1);"
                 onout="tween(alpha,0.3);tween(scale,0.6);"
                 onclick="looktohotspot(spot2); loadscene(scene1, null, MERGE, BLEND(1));"
                 />

    </scene>



    <!-- 3. Panorama-->
   


    <!-- global settings -->
   
    <plugin name="map" url="map.png" keep="true" 
            align="leftbottom" x="16"  y="16" alpha="0.85" handcursor="false"
            scalechildren="true"
            width="320"
            height="227"
            onclick="action(closemap);"
            />
           
    <plugin name="scene1" url="mappoint.png" keep="true" parent="map" align="lefttop" edge="center" x="110"  y="50" zorder="2" onhover="showtext(Panorama 1);"         onclick="loadscene(scene1, null, MERGE, BLEND(1));" />
    <plugin name="scene2" url="mappoint.png" keep="true" parent="map" align="lefttop" edge="center" x="100" y="130" zorder="2" onhover="showtext(Panorama 2);"     onclick="loadscene(scene2, null, MERGE, BLEND(1));" />
   
    <!-- activated hotpot -->
    <plugin name="activespot" url="mappointactive.png" keep="true" align="center" edge="center" visible="false" zorder="3" />
   
    <!-- radar plugin, set heading with "plugin[radar].heading" -->
    <plugin name="radar"
            url="%SWFPATH%/plugins/radar.swf"
            zorder="1"
            keep="true"
            heading="0"
            parent="map"
            mask="mapmask"
            align="lefttop"
            edge="center"
            x="0" y="0"
            linecolor="0"
            fillcolor="0xFF0000"
            scale="0.5"
            visible="false"
            />
   
    <!-- mask for radar -->
    <plugin name="mapmask" url="map_mask.png" keep="true"
            parent="map"
            enabled="false"
            />
               



    <!-- actions -->
    <action name="closemap">
        set(onclick,action(openmap););
        tween(width,64,distance(320,0.5),easeoutquad);
        tween(height,45,distance(227,0.5),easeoutquad);
    </action>
   
    <action name="openmap">
        set(onclick,action(closemap););
        tween(width,320,distance(320,0.5),easeoutquad);
        tween(height,227,distance(227,0.5),easeoutquad);
    </action>


    <!-- activatespot action,
         - this action has two arguments:
           - %1 = the current spot
           - %2 = the current radar heading
    -->
    <action name="activatespot">
        set(plugin[activespot].parent, plugin[%1]);
        set(plugin[activespot].visible, true);
       
        copy(plugin[radar].x, plugin[%1].x);
        copy(plugin[radar].y, plugin[%1].y);
       
        trace(plugin[radar].x,'-',plugin[radar].y);
       
        set(plugin[radar].visible, true);
        set(plugin[radar].heading, %2);
    </action>
     


</krpano>


11

Dienstag, 11. August 2009, 22:16

Hi,

hier:
<plugin name="infobild" url="aaa.png" alpha="1.0" align="center" onclick="timerset(0.5,0,plugin[infobild].alpha,1,0,linear,,false, set(plugin[infobild].visible,false););" />


fehlt einfach nur - keep="true" - sonst wird das Bild beim Laden eines anderen Panoramas/einer anderen Szene entfernt,
statt "timerset" kann auch "tween" verwendet werden, sieht etwas besser aus ;-)

z.B.:
<plugin name="infobild" url="aaa.png" keep="true" alpha="1.0" align="center" onclick="tween(alpha, 0.0, 0.5, linear, set(visible,false); );" />

Schöne Grüße,
Klaus

lemon

Fortgeschrittener

Beiträge: 77

Wohnort: Eppan / Südtirol

Beruf: IT-Techniker

  • Nachricht senden

12

Mittwoch, 12. August 2009, 11:07

Hi Philipp,

sorry, war etwas beschäftigt die letzten Tage, aber Klaus hat dir ja schon den richtigen Tipp gegeben.

Andreas

13

Donnerstag, 13. August 2009, 09:11

Danke

Hallo,

vielen Dank für die Unterstützung. Hat super geklappt !!

Beste Grüße

Philipp