Hi,
I'm pretty new to KrPano, maybe someone can help.
I can't apply layout rules to my text element.
Rules are applied for a little moment with 'showtime="3"', but then the css rules seem to be overided by css default rules.
Please visit : http://pixomuseum.eu/?portfolio=starry-night-vtour
I don't get the thing, can someone help?
Thank you'
Code
<krpano version="1.20.7" title="Virtual Tour">
<include url="skin/vtourskin.xml" />
<include url="%VIEWER%/plugins/showtext.xml" />
<!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... -->
<skin_settings maps="false"
maps_type="google"
maps_bing_api_key=""
maps_google_api_key=""
maps_zoombuttons="false"
maps_loadonfirstuse="true"
gyro="true"
gyro_keeplookingdirection="false"
webvr="true"
webvr_keeplookingdirection="true"
webvr_prev_next_hotspots="true"
autotour="false"
littleplanetintro="false"
followmousecontrol="false"
title="true"
thumbs="true"
thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"
thumbs_opened="false"
thumbs_text="false"
thumbs_dragging="true"
thumbs_onhoverscrolling="false"
thumbs_scrollbuttons="false"
thumbs_scrollindicator="false"
thumbs_loop="false"
tooltips_buttons="false"
tooltips_thumbs="true"
tooltips_hotspots="true"
tooltips_mapspots="false"
deeplinking="false"
loadscene_flags="MERGE"
loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)"
loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)"
loadscene_blend_next="SLIDEBLEND(0.5, 0, 0.75, linear)"
loadingtext="loading..."
layout_width="100%"
layout_maxwidth="814"
controlbar_width="-24"
controlbar_height="40"
controlbar_offset="20"
controlbar_offset_closed="-40"
controlbar_overlap.no-fractionalscaling="10"
controlbar_overlap.fractionalscaling="0"
design_skin_images="vtourskin.png"
design_bgcolor="0x2D3E50"
design_bgalpha="0.8"
design_bgborder="0"
design_bgroundedge="1"
design_bgshadow="0 4 10 0x000000 0.3"
design_thumbborder_bgborder="3 0xFFFFFF 1.0"
design_thumbborder_padding="2"
design_thumbborder_bgroundedge="0"
design_text_css="color:#FFFFFF; font-family:Arial;"
design_text_shadow="1"
/>
<!--
For an alternative skin design either change the <skin_settings> values
from above or optionally include one of the predefined designs from below.
-->
<!-- <include url="skin/vtourskin_design_flat_light.xml" /> -->
<!-- <include url="skin/vtourskin_design_glass.xml" /> -->
<!-- <include url="skin/vtourskin_design_ultra_light.xml" /> -->
<!-- <include url="skin/vtourskin_design_117.xml" /> -->
<!-- <include url="skin/vtourskin_design_117round.xml" /> -->
<!-- <include url="skin/vtourskin_design_black.xml" /> -->
<!-- startup action - load the first scene -->
<action name="startup" autorun="onstart">
if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );
loadscene(get(startscene), null, MERGE);
if(startactions !== null, startactions() );
</action>
<scene
name="scene_van-gogh-starry-night-google-art-project"
title="van-gogh-starry-night-google-art-project" onstart=""
thumburl="panos/van-gogh-starry-night-google-art-project.tiles/thumb.jpg"
lat="" lng="" heading="">
<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
<preview url="panos/van-gogh-starry-night-google-art-project.tiles/preview.jpg" />
<image hfov="1.00" vfov="0.791867" voffset="0.00">
<flat url="panos/van-gogh-starry-night-google-art-project.tiles/pano_%v%h.jpg" multires="4000,8000x6334" />
</image>
<hotspot name="spot1" style="skin_hotspotstyle" ath="-0.138" atv="0.023" distorted="false" zoom="false" linkedscene="" />
<layer name="mytext1"
type="text"
parent="hotspot[spot1]"
onhover="showtext(Le
Lorem Ipsum est simplement du faux texte dans la composition et la mise
en page avant impression. Le Lorem Ipsum est le faux texte standard de
l'imprimerie depuis les 1500, quand un imprimeur anonyme assembla
ensemble des morceaux de texte pour un livre de polices de texte. Il n'a
pas fait que survivre cinq , mais s'est aussi la bureautique
informatique, sans que son contenu n'en soit . Il a dans les 1960 la
vente de feuilles Letraset contenant des passages du Lorem Ipsum, et,
plus , par son inclusion dans des applications de mise en page de texte,
comme Aldus PageMaker., textstyle)"
html="+"
css="font-family:Arial; font-size:16px; color:#ffffff;"
vcenter="false"
padding="2"
wordwrap="true"
bg="true"
bgcolor="0x000000"
bgalpha="0.3"
bgborder="0"
bgroundedge="0"
bgshadow=""
txtshadow=""
mergedalpha="true"
interactivecontent="true"
onautosized=""
/>
<textstyle name="DEFAULT"
origin="cursor"
edge="bottom"
xoffset="0"
yoffset="0"
fadeintime="0.0"
showtime="3"
fadetime="0.0"
font="arial"
fontsize="12.0"
bold="false"
italic="false"
textcolor="0xffffff"
textalign="justify"
padding="10"
css=""
width="450px"
height=""
vcenter=""
background="true"
backgroundcolor="0x000000"
backgroundalpha="1.0"
border="FALSE"
bordercolor="0x000000"
borderalpha="1.0"
borderwidth="1.0"
roundedge="5"
shadow="0.0"
shadowrange="4.0"
shadowangle="45"
shadowcolor="0x000000"
shadowalpha="1.0"
textshadow="0.0"
textshadowrange="4.0"
textshadowangle="45"
textshadowcolor="0x000000"
textshadowalpha="1.0"
alpha="1.0"
parent=""
noclip="true"
/>
<hotspot name="spot2" style="skin_hotspotstyle" ath="-0.169" atv="-0.139" distorted="false" zoom="false" linkedscene="" />
<layer name="mytext2"
type="text"
parent="hotspot[spot2]"
onhover="showtext(Il
n'a pas fait que survivre cinq , mais s'est aussi la bureautique
informatique, sans que son contenu n'en soit . Il a dans les 1960 la
vente de feuilles Letraset contenant des passages du Lorem Ipsum, et,
plus , par son inclusion dans des applications de mise en page de texte,
comme Aldus PageMaker., textstyle)"
html="+"
css="font-family:Arial; font-size:16px; color:#ffffff;"
vcenter="false"
padding="2"
wordwrap="true"
bg="true"
bgcolor="0x000000"
bgalpha="0.3"
bgborder="0"
bgroundedge="0"
bgshadow=""
txtshadow=""
mergedalpha="true"
interactivecontent="true"
onautosized=""
/>
</scene>
</krpano>
Display More