Scroll Area Vertical not Working

  • Scroll Area Plugin is not working in vertical position can any one help whats wrong in below code.

    Regards
    ADeeL Sadaqat
    --------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    <krpano>
    <!-- adjust the examples backbutton position (if available), the wait(0) in the onstart action allows executing this event -->
    <events name="backbutton_adjust" keep="true" onxmlcomplete="if(layer[backbutton], set(layer[backbutton].y,106));" />

    <progress showload="none" showwait="none" />

    <layer name="thumbs" keep="true" type="container" align="rightbottom" width="300" height="100%" bgcolor="0x000000" bgalpha="0.3">
    <!-- scroll buttons - call the scrollarea scrollby() action as long as pressing down the button -->

    <layer name="arrow_left" url="arrow2_l.png" align="top" scale="0.5" zorder="2" alpha="0.3" onover="tween(alpha,1);" onout="tween(alpha,0.3);" ondown="onover(); asyncloop(pressed, layer[scrollarea].scrollby(0,+2));" onup="onout();" />
    <layer name="arrow_right" url="arrow2_r.png" align="bottom" scale="0.5" zorder="2" alpha="0.3" onover="tween(alpha,1);" onout="tween(alpha,0.3);" ondown="onover(); asyncloop(pressed, layer[scrollarea].scrollby(0,-2));" onup="onout();" />

    <layer name="scrollarea" url="%SWFPATH%/plugins/scrollarea.swf" alturl="%SWFPATH%/plugins/scrollarea.js" align="center" width="100%" height="100%" zorder="1" direction="v" onloaded="setcenter(0,0);">
    <layer name="thumb1" url="thumb1.jpg" align="center" edge="top" x="0" y="60" onclick="hit(); loadscene(pano1,null,MERGE,BLEND(0.5));" />
    <layer name="thumb2" url="thumb1.jpg" align="center" edge="top" x="0" y="170" onclick="hit(); loadscene(pano2,null,MERGE,BLEND(0.5));" />
    <layer name="thumb3" url="thumb1.jpg" align="center" edge="top" x="0" y="280" onclick="hit(); loadscene(pano3,null,MERGE,BLEND(0.5));" />
    <layer name="thumb4" url="thumb1.jpg" align="center" edge="top" x="0" y="390" onclick="hit(); loadscene(pano4,null,MERGE,BLEND(0.5));" />
    <layer name="thumb5" url="thumb1.jpg" align="center" edge="top" x="0" y="500" onclick="hit(); loadscene(pano5,null,MERGE,BLEND(0.5));" />
    <layer name="thumb6" url="thumb1.jpg" align="center" edge="top" x="0" y="610" onclick="hit(); loadscene(pano6,null,MERGE,BLEND(0.5));" />
    <layer name="thumb7" url="thumb1.jpg" align="center" edge="top" x="0" y="720" onclick="hit(); loadscene(pano7,null,MERGE,BLEND(0.5));" />
    <layer name="thumb8" url="thumb1.jpg" align="center" edge="top" x="0" y="830" onclick="hit(); loadscene(pano8,null,MERGE,BLEND(0.5));" />
    <layer name="thumb9" url="thumb1.jpg" align="center" edge="top" x="0" y="940" onclick="hit(); loadscene(pano9,null,MERGE,BLEND(0.5));" />
    <!-- repeat the scenes again now just to have more thumbs to scroll -->

    </layer>
    </layer>

    </krpano>

Participate now!

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