Hello everyone,
i'm currently in the process of designing a tour and, thanks to many helping users here in the forum and plugins, I've been able to implement my ideas. I have two questions about this because my programming skills are at a low level.
1. I am facing a problem that I cannot solve.
It's about the scrollbar which is on the right in the scrollarea. I copied and adapted the script from the examples on the KRpano site. Everything works well, except for the scrollbar whenever I need several scroll areas in a panorama.
The scroll area programmed first works as it should. Unfortunately, the scrollbar doesn't work in the second one.
So that you can better understand what I mean, I have temporarily uploaded the tour to my server.
The second question, I probably need 10-15 such Scrollaeras with text in the tour, is there a more elegant way to design the whole thing? Here is the code as I have written it so far with my knowledge. Please forgive me, I'm still learning...
Lastly, here is the code I wrote:
<krpano version="1.21" title="txtlayer">
<!--Space in top of Logo -->
<data name="info_00"><![CDATA[
<br> <br> <br>
]]></data>
<!--INFOTEXT SCENE01 Gallery-->
<data name="info_01_g"><![CDATA[
mytext
]]></data>
<!--info_01_g -->
<layer name="infotxt_01_g" type="container" align="center" width="100%" height="100%" alpha="0" autoalpha="true" bgcolor="0x000000" bgalpha="0.9" keep="true" zorder="5" enabled="true" bgcapture="true" >
<layer name="box_1.1" type="container" align="center" width.normal="600" width.mobile="80%" height="600" bgcolor="0x000000" bgalpha="1" bgborder="1 0x777777 0.5" bgroundedge="7" bgshadow="0 4 20 0x000000 0.25" >
<layer name="scrollarea_01_g" type="scrollarea" width="-4" flowchildren="v" childmargin="10" scrolltype.desktop="smooth" scrolltype.tablet.or.mobile="inertia" direction="v" draggable="true" mwheel="true" capturechildren="true" autoscrollbars="null,vscrollbar_grip,10" onhover_autoscrolling="false" onscroll="" onoverflowchange="" >
<!-- Scrolling content: -->
<layer name="spacetop_01_g" type="text" align="top" html="get:data[info_00].content" htmlautosize="true" width="100%" bgalpha="0.0" css="color:white; font-size:18px;" alpha="1" />
<layer name="logo_01_g" type="image" url="%SWFPATH%/menu/image/logo.png" y="-10" align="centertop" scale="0.5" />
<layer name="content_01_o1_g" type="text" align="lefttop" html="get:data[info_01_g].content" htmlautosize="true" width="100%" bgalpha="0.0" css="color:white; font-size:18px;" alpha="1" />
</layer>
<!-- Non scrolling layers: -->
<layer name="vscrollbar_bg_01_g" type="container" align="right" width="16" height="100%">
<layer name="vscrollbar_grip" type="container" align="righttop" width="8" x="4" height="16" bgcolor="0xAAAAAA" bgalpha="0.5" bgroundedge="7" bgcapture="true" />
</layer>
</layer>
<!--button close-->
<layer name="infotxt_close" align="righttop" scale="0.5" x="15" y="15" keep="true" zorder="2" onclick="hide_infotxt_01_g()" url="%SWFPATH%/img/close2.png" />
</layer>
<!--INFOTEXT SCENE01 VIDEO-->
<!--Space in top of Logo -->
<data name="info_01"><![CDATA[
<br> <br> <br>
]]></data>
<!--INFOTEXT SCENE01 Video-->
<data name="info_01_v"><![CDATA[
mytext
]]></data>
<!--info_01_v -->
<layer name="infotxt_01_v" type="container" align="center" width="100%" height="100%" alpha="0" autoalpha="true" bgcolor="0x000000" bgalpha="0.9" keep="true" zorder="5" enabled="true" bgcapture="true" >
<layer name="box1.2" type="container" align="center" width.normal="600" width.mobile="80%" height="600" bgcolor="0x000000" bgalpha="1" bgborder="1 0x777777 0.5" bgroundedge="7" bgshadow="0 4 20 0x000000 0.25" >
<layer name="scrollarea_01_v" type="scrollarea" width="-4" flowchildren="v" childmargin="10" scrolltype.desktop="smooth" scrolltype.tablet.or.mobile="inertia" direction="v" draggable="true" mwheel="true" capturechildren="true" autoscrollbars="null,vscrollbar_grip,10" onhover_autoscrolling="false" onscroll="" onoverflowchange="" >
<!-- Scrolling content: -->
<layer name="spacetop_01_v" type="text" align="top" html="get:data[info_01].content" htmlautosize="true" width="100%" bgalpha="0.0" css="color:white; font-size:18px;" alpha="1" />
<layer name="logo_01_v" type="image" url="%SWFPATH%/menu/image/logo.png" y="-10" align="centertop" scale="0.5" />
<layer name="content_01_v" type="text" align="lefttop" html="get:data[info_01_v].content" htmlautosize="true" width="100%" bgalpha="0.0" css="color:white; font-size:18px;" alpha="1" />
</layer>
<!-- Non scrolling layers: -->
<layer name="vscrollbar_bg_01_v" type="container" align="right" width="16" height="100%">
<layer name="vscrollbar_grip_01_v" type="container" align="righttop" width="8" x="4" height="16" bgcolor="0xAAAAAA" bgalpha="0.5" bgroundedge="7" bgcapture="true" />
</layer>
</layer>
<!--button close-->
<layer name="infotxt_close_01_v" align="righttop" scale="0.5" x="15" y="15" keep="true" zorder="2" onclick="hide_infotxt_01_v()" url="%SWFPATH%/img/close2.png" />
</layer>
<!--Action Text Scene01 Gallery -->
<action name="hide_infotxt_01_g">
tween(layer[infotxt_01_g].alpha, 0);
</action>
<action name="show_infotxt_01_g">
tween(layer[infotxt_01_g].alpha, 1);
</action>
<!--Action Text Scene01 Video -->
<action name="hide_infotxt_01_v">
tween(layer[infotxt_01_v].alpha, 0);
</action>
<action name="show_infotxt_01_v">
tween(layer[infotxt_01_v].alpha, 1);
</action>
</krpano>
Alles anzeigen
I would be happy if you could help me with this.
best regards,
wolfgang