Panorama Community

Hallo, möchte in meiner ersten Tour gerne das wenn mann über einen Hotspot mit der Maus slidet ein Text erscheint.

Habe das so gelößt, oder besser ich versuche es so. Warum klappt es nicht?

$this->cacheCode('[php]',' <hotspot name="spot1" style="skin_hotspotstyle" ath="-69.932" atv="-3.842" linkedscene="scene_sommer2012neu" onhover="showtext (kirche)"/>')

Hi. Danke

Aber ich finde keinen bis auf das ";" und ob mit oder ohne ihn, es wird nix angezeigt...

Hmmm....

ich bin gerade etwas ratlos, wie aktiviere ich das denn??

Danke. Die Anleitung lese ich schon,
auch mit den "´" geht es nicht!

Zitat von »Karotte«

Das ist es nicht. Es müsste so wie gezeigt funktionieren, da läuft was anders schief was wir vermutlich nicht sehen können.
Kannst Du mal das ganze Beispiel schicken?

Anbei mal ein kurzer Auszug: Läuft zwar so nicht, weil die anderen Panos fehlen, aber Text sollte ja trotzdem angezeigt werden....



$this->cacheCode('[php]','<krpano version="1.0.8.15" title="Virtual Tour" onstart="startup();">

<include url="skin/vtourskin.xml" />




<!-- bing map (with keep=true) -->
<plugin name="map" keep="true" key="xxxx"
url="plugins/bingmaps.swf"
alturl="plugins/bingmaps.js"
align="leftbottom" x="10" y="90" width="250" height="250"
bgcolor="0x000000" bgalpha="0.5"
maptype="satellite"
onmapready="loadscene(0); zoomToSpotsExtent();"
onmapmoved=""
onmapzoomed=""
>
<radar visible="true" dragable="true" size="100" zoomwithmap="false" headingoffset="270" alpha="0.5" fillcolor="0xFFFFFF" fillalpha="1.0" linecolor="0xFFFFFF" linealpha="0.0" linewidth="0.0" glow="true" glowcolor="0xFFFFFF" glowwidth="4" glowstrength="4" />
<maptypecontrol visible="true" anchor="righttop" x="2" y="2" buttonalign="v" />

<!-- map spots -->
<spot name="scene_Bahnhof" lat="52.10159567" lng="9.37471747" heading="+90" active="true" onclick="loadscene(scene_HBF, null, MERGE, BLEND(1));" />
<spot name="scene_Luftpanorama_HefeHof" lat="52.09862992" lng="9.37518954" heading="+100" onclick="loadscene(scene_LP_HF, null, MERGE, BLEND(1));" />
<spot name="scene_Luftpanorama_B_rgergarten" lat="52.10504886" lng="9.36299086" heading="+50" onclick="loadscene(scene_LP_BU, null, MERGE, BLEND(1));" />


</plugin>


<!-- an action for updating the map when the scene was changed -->
<action name="selectspot">
plugin[map].pantospot(%1);
plugin[map].activatespot(%1);
</action>


<textstyle name="infostyle"
origin="center" edge="center" textalign="center" yoffset="-170" 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="4.0" fadetime="1.0" fadeintime="1.0"
/>


<scene name="scene_Am_Pulverturm_Winter2013" title="Am_Pulverturm_Winter2013" onstart="" thumburl="panos/Am_Pulverturm_Winter2013.tiles/thumb.jpg" lat="52.10684785" lng="9.35653210" heading="0.0">

<view hlookat="-178.499" vlookat="-16.017" fovtype="MFOV" fov="120.000" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

<preview url="panos/Am_Pulverturm_Winter2013.tiles/preview.jpg" />

<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="3183" tiledimageheight="3183">
<cube url="panos/Am_Pulverturm_Winter2013.tiles/l3_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="1536" tiledimageheight="1536">
<cube url="panos/Am_Pulverturm_Winter2013.tiles/l2_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="768" tiledimageheight="768">
<cube url="panos/Am_Pulverturm_Winter2013.tiles/l1_%s_%v_%h.jpg" />
</level>
<mobile>
<cube url="panos/Am_Pulverturm_Winter2013.tiles/mobile_%s.jpg" />
</mobile>
</image>

<!-- place your scene hotspots here -->
<hotspot name="spot1" style="skin_hotspotstyle" ath="103.820" atv="-0.360" <onhover="showtext(you are hovering me);" linkedscene="scene_kkw_winter2013" />

</scene>


</krpano>

')

Danke.

Aber das selbe Ergebnis... :-(

Hallo Klaus,

danke.

Ich habe die Tour mit dem Editor: MAKE VTOUR (MULTIRES) droplet erstellt.

Das wird der Hotspot Style ja vorgegeben. Wie kann ich denn nun einfach einen Text an diesesm Einblenden?

Zitat von »krpano coder«

Hi,

siehe hier:
Hi,

siehe hier:
http://krpano.com/docu/xml/#plugin.style

Das Problem - das onhover Attribut aus dem 'skin_hotspotstyle'
überschreibt, dein im angegebenes onhover Attribut.

Die 'style'-Einstellungen in krpano von der Anwendung her, bitte nicht mit den CSS Styles verwechseln - in krpano ist dies technisch sehr einfach gehalten und soll nur eine kleine Hilfe darstellen um Code sparen zu können - hat ein oder Element ein 'style' Attribut, dann werden einfach alle Werte aus dem Element kopiert - und dabei werden bestehende Attribute überschrieben.

Eine Art 'Vererbung' von Werten ähnlichem wie es im CSS funktioniert, wäre technisch hier viel zu aufwändig und würde auch die Verarbeitungsgeschwindigkeit deutlich verringern.

D.h. als Lösung:
- entweder das 'onhover' im 'skin_hotspotstyle' entfernen
- oder alternativ einen neuen ohne onhover anlegen und diesen verwenden
- oder den Hotspot ganz ohne style definieren

Schöne Grüße,
Klaus

Hmm.

so richtig klar ist es mir nicht. sorry. In der vtourskin.xml steht das hier dirn.

$this->cacheCode('[php]',' <!-- Skin Hotspot Style (the hotspots need a 'linkedscene' attribute to be clickable) -->
<style name="skin_hotspotstyle" url="vtourskin_hotspot.png" scale="0.5" edge="top" oy="0"
onclick="if(linkedscene, tween(scale,0.25,0.5); tween(oy,-20,0.5); tween(alpha,0,0.5); looktohotspot(); loadscene(get(linkedscene),null,MERGE,BLEND(1)); skin_updatescroll(); );"
onhover="if(skin_settings.tooltips_hotspots, if(linkedscene, showtext(get(scene[get(linkedscene)].title),SKIN_TOOLTIPS)) );"
/>')


Was mich jetzt allerdings wundert ist, das in einer Tour wo ich vieles mal rumprobiert habe, das ganz geht...

Wie kann das sein??

$this->cacheCode('[php]','<krpano version="1.0.8.15" title="VR 1.0" onstart="startup();">

<include url="skin/vtourskin.xml" />

<!-- set skin settings: bingmaps? gyro? -->
<skin_settings bingmaps="false" bingmaps_key=""
gyro="true"
/>




<action name="startup">
if(startscene === null, copy(startscene,scene[0].name));
loadscene(get(startscene), null, MERGE);
</action>
<plugin name="editor" url="../plugins/editor.swf" align="bottom" x="10" y="10" />

<scene name="scene_IMG_4283 Panorama_komplett2_sphere" title="Luftpanorama - Klüt" onstart="" thumburl="panos/IMG_4283_Panorama_komplett2_sphere.tiles/thumb.jpg" lat="" lng="" heading="">

<view hlookat="-82.484" vlookat="16.353" fovtype="MFOV" fov="120.000" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

<preview url="panos/IMG_4283_Panorama_komplett2_sphere.tiles/preview.jpg" />

<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="7135" tiledimageheight="7135">
<cube url="panos/IMG_4283_Panorama_komplett2_sphere.tiles/l4_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="3584" tiledimageheight="3584">
<cube url="panos/IMG_4283_Panorama_komplett2_sphere.tiles/l3_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="1792" tiledimageheight="1792">
<cube url="panos/IMG_4283_Panorama_komplett2_sphere.tiles/l2_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="896" tiledimageheight="896">
<cube url="panos/IMG_4283_Panorama_komplett2_sphere.tiles/l1_%s_%v_%h.jpg" />
</level>
<mobile>
<cube url="panos/IMG_4283_Panorama_komplett2_sphere.tiles/mobile_%s.jpg" />
</mobile>
</image>

<!-- load the soundinterface plugin --><plugin name="soundinterface" url="plugins/soundinterface.swf" alturl="plugins/soundinterface.js" rootpath="" preload="true" keep="true"/><!-- start playing the sound --><events name="currentpano" onnewpano="playsound(bgsnd, 'sound/natur.mp3|sound/natur.ogg', 0);" onremovepano="stopsound(bgsnd);"/><!-- place your scene hotspots here -->


<!-- place your scene hotspots here -->
<hotspot name="spot1" style="skin_hotspotstyle" ath="-88.345" atv="7.309" linkedscene="scene_mg_0045 panorama_sphere" onhover="showtext(Luftpanorama - Insel Werder);" />
<hotspot name="spot2" style="skin_hotspotstyle" ath="-71.964" atv="7.698" linkedscene="scene_img_4312 panorama_komplett2_sphere" onhover="showtext(Luftpanorama - Münsterkirche);" />
<hotspot name="spot3" style="skin_hotspotstyle" ath="-61.188" atv="9.344" linkedscene="scene_img_7007 panorama_sphere" onhover="showtext(Schiffsanleger Hameln);" />




<hotspot name="hs4" devices="all"
url="PlayButton.png"
keep="false"
ath="15.362" atv="69.603"
zoom="false" distorted="false" details="8" flying="0"
width="48" height="48"
scale="1" 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="1.00" autoalpha="false" blendmode="normal" effect="" smoothing="true" pixelhittest="false"
refreshrate="auto"
onloaded=""
onover=""
onhover=""
onout=""
ondown=""
onup=""
onclick="
if(plugin[videospot] !== null, removeplugin(videospot));
addplugin(videospot);
set(plugin[videospot].url,%SWFPATH%/plugins/videoplayer.swf);
set(plugin[videospot].align,center);
set(plugin[videospot].x,10);
set(plugin[videospot].y,20);
set(plugin[videospot].updateeveryframe,true);
set(plugin[videospot].videourl,movie/kluet.f4v);
set(plugin[videospot].volume,0.7);
set(plugin[videospot].onhover,showtext('Durch erneutes Klicken schliesst sich das Fenster.'));
set(plugin[videospot].onclick, removeplugin(videospot) );
set(plugin[videospot].loop, false);
set(plugin[videospot].onvideocomplete, removeplugin(videospot) );"

bgalpha="0"
bgcapture="false"
bgcolor="0"
type="image"

/>

<!-- text styles for startup text and onhover text -->
<textstyle name="infostyle"
origin="center" edge="center" textalign="center" yoffset="-170" 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="4.0" fadetime="1.0" fadeintime="1.0"
/>

<textstyle name="videohoverstyle"
background="false" border="false" textalign="center"
fontsize="20" textcolor="0xFFFFFF" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
fadetime="0.2" fadeintime="0.5"
/>



<!-- use only a grid preview pano to save download space ;-) -->
<preview type="grid(cube,16,16,512,0xCCCCCC,0xFFFFFF,0x999999);" details="16" />



<!-- note - the url of the video must be always relative to the main krpano swf file -->
<hotspot name="videospot"
url="plugins/videoplayer.swf"
videourl="movie/kluet.f4v"
distorted="true"
ath="50.000"
atv="20.000"
edge="center"
scale="0.3"
rx="0"
ry="0"
rz="0"
loop="true"
pausedonstart="true"
directionalsound="true"
range="110"
volume="0.7"
onhover="if(ispaused, showtext(click to play, videohoverstyle), showtext(click to pause, videohoverstyle));"
onclick="togglepause();"
/>





</scene>

<scene name="scene_IMG_4312 Panorama_komplett2_sphere" title="Luftpanorama - Münsterkirche" onstart="" thumburl="panos/IMG_4312_Panorama_komplett2_sphere.tiles/thumb.jpg" lat="" lng="" heading="">

<view hlookat="9.684" vlookat="5.139" fovtype="MFOV" fov="120.000" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

<preview url="panos/IMG_4312_Panorama_komplett2_sphere.tiles/preview.jpg" />

<image type="CUBE" multires="true" tilesize="512" progressive="false">
<level tiledimagewidth="7168" tiledimageheight="7168">
<cube url="panos/IMG_4312_Panorama_komplett2_sphere.tiles/l4_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="3584" tiledimageheight="3584">
<cube url="panos/IMG_4312_Panorama_komplett2_sphere.tiles/l3_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="1792" tiledimageheight="1792">
<cube url="panos/IMG_4312_Panorama_komplett2_sphere.tiles/l2_%s_%v_%h.jpg" />
</level>
<level tiledimagewidth="896" tiledimageheight="896">
<cube url="panos/IMG_4312_Panorama_komplett2_sphere.tiles/l1_%s_%v_%h.jpg" />
</level>
<mobile>
<cube url="panos/IMG_4312_Panorama_komplett2_sphere.tiles/mobile_%s.jpg" />
</mobile>
</image>
<!-- load the soundinterface plugin --><plugin name="soundinterface" url="plugins/soundinterface.swf" alturl="plugins/soundinterface.js" rootpath="" preload="true" keep="true"/><!-- start playing the sound --><events name="currentpano" onnewpano="playsound(bgsnd, 'sound/wind.mp3|sound/wind.ogg', 0);" onremovepano="stopsound(bgsnd);"/><!-- place your scene hotspots here -->


<!-- place your scene hotspots here -->
<hotspot name="spot1" style="skin_hotspotstyle" ath="13.527" atv="1.746" linkedscene="scene_mg_0045 panorama_sphere" onhover="showtext(Luftpanorama - Insel Werder);" />
<hotspot name="spot2" style="skin_hotspotstyle" ath="-80.661" atv="-7.020" linkedscene="scene_img_4283 panorama_komplett2_sphere" onhover="showtext(Luftpanorama - Klüt);"/>
<hotspot name="spot3" style="skin_hotspotstyle" ath="62.473" atv="4.408" linkedscene="scene_img_6503 panorama" onhover="showtext(Marktkirche/Hochzeitshaus);"/>
<hotspot name="spot4" style="skin_hotspotstyle" ath="-136.526" atv="14.914" linkedscene="scene_img_7007 panorama_sphere" onhover="showtext(Schiffsanleger Hameln);"/>
<hotspot name="spot5" style="skin_hotspotstyle" ath="-87.727" atv="80.557" linkedscene="scene_img_7289 panorama_sphere" onhover="showtext(Münsterkirche Denkmal);"/>
und so weiter.....
')