• Ok I am trying to make a slide menu in xml calling the background image as a plugin and then add images as hotspots,I want to hide the menu just so the tab shows but I cant get the right position.


    I am wanting to make it tween fast
    I am wanting to make the menu transparent

    http://www.360mallorca.com/tour/pano.html


    here is the xml for the plugin

    <plugin name="slide1" url="plugins/slide1.png" align="righttop" x="0" y="-3"
    destpos="0" onclick="switch(destpos, -100,0,+100);tween(x,$destpos);"
    />

  • While that is true, Graydon, you always post the correct answer or indicate that you are guessing when you are not sure. That is a great quality to have in a forum.

    It seems the forum/answer thing holds true for many, including myself.

    *smile* Thank you all for your help, KRPano gurus!*smile*

    Jarredja

  • Ok I am trying to make a slide menu in xml calling the background image as a plugin and then add images as hotspots,I want to hide the menu just so the tab shows but I cant get the right position.


    I am wanting to make it tween fast
    I am wanting to make the menu transparent

    Tim...I'm working on the same thing and I can show you what I did, with the help of Graydon & Milo, later tonight when I get home.

    Transparent Menu
    Set the opacity of the slider layer anywhere between 50% and 70% in Photoshop and save as a slider1.png.

    Phil

  • Tim...I'm working on the same thing and I can show you what I did, with the help of Graydon & Milo, later tonight when I get home.

    Transparent Menu
    Set the opacity of the slider layer anywhere between 50% and 70% in Photoshop and save as a slider1.png.

    Phil

    Hi Phil

    my update http://www.360mallorca.com/tour/pano.html
    I need to get a image program or buy photoshop to set the opacity level

    I also want to know how to position this on the left side

    Do i make another slide image and name it slide2.png


    <plugin name="slide1"
    url="plugins/slide1.png"
    keep="true"
    visible="true"
    enabled="true"
    handcursor="true"
    capture="true"
    children="true"
    zorder="1"
    alpha="1.00"
    blendmode="normal"
    smoothing="true"
    align="bottomleft"
    edge="bottomright"
    x="0" y="0"
    ox="25" oy="0"
    rotate="0"
    width="" height=""
    scale="1"
    scale9grid=""
    crop=""
    mask=""
    onloaded=""
    onover="action(slide_action_1_in);"
    onhover=""
    onout="action(slide_action_1_out);"
    ondown=""
    onup=""
    onclick=""
    />

    <action name="slide_action_1_in">
    tween(plugin[slide1].x,500,distance(500,1.3),linear);
    </action>

    <action name="slide_action_1_out">
    tween(plugin[slide1].x,0,distance(500,1.3),linear);
    </action>

    *confused*


    I feel i am going to have a break through moment *thumbsup*

  • how do I slide up and down or left to right

    In your example you're changing the value of x for it to move left & right.


    Code
    <action name="slide_action_1_in">
    tween(plugin[slide1].x,500,distance(500,1.3),linear);
    </action>
    
    
    <action name="slide_action_1_out">
    tween(plugin[slide1].x,0,distance(500,1.3),linear);
    </action>

    To move it up & down change the x to y in line 2 & 6.

    Phil

  • the sliding menus look good.

    I'm sorry that you have such a terrible view from the apartment. *cursing* *g* *w00t*

    *cool* LOL


    I am just testing the control panel one thing I would like to do is hide and view all plugins on this page with a simple button,when clicked they all slide out of view but when the open and close button is clicked again they all slide out,this way people get to see the whole pano without too many distractions.


    I am writing this message sitting on my balcony just reaching for a cold bear *g*

  • Tim good work,
    I like the way you you have used the flash menu at the bottom.

    Start button for full screen looks bit odd to me moreover once I am in full screen the viewer would not know where to click to "Exit" of course the "Esc" key would do the job.

  • Hi Tim2420,

    Quote

    I would like to do is hide and view all plugins on this page with a simple button,


    This can be a way to do what you expect:

    Hope this can help. *wink*

    Quote

    I am writing this message sitting on my balcony just reaching for a cold bear

    Now I understand curved horizon *g* --___-- "Salut i força" *thumbup*

    Salut.

  • thank you for your help, I have added the code but the alpha level only shows transparent


    <krpano version="1.0.8">
    <!-- kmakemultires standard_skin.xml template -->


    <!-- set initial view -->
    <view hlookat="0" vlookat="0" fov="90" maxpixelzoom="1.00" fovmax="150" />

    <!-- hide / show button --- this is the button to swith hide/show -->

    <plugin name="hide_show"
    url="plugins/show.png"
    align="lefttop" x="20" y=""
    smoothing="true" visible="true" blendmode="screen" alpha="9.0"
    onclick="action(hide_list);action(set_hide_show_botton_to_SHOW);"
    onhover="showtext( HIDE );"
    onover=""
    onout="" />

    <!-- hide_list --- parameter list of what plugin you want to hide
    action(hide_show_list_parameter,%1,%2,%3);
    %1 = name of the plugin you want to hide
    %2 = x or y parameter to be changed
    %3 = new value for the %2 parameter -->

    <action name="hide_list">
    action(hide_show_list_parameter,slide1,x,-25);
    action(hide_show_list_parameter,slide2,y,-125);
    action(hide_show_list_parameter,slide3,x,-525);
    </action>


    <!-- show_list --- parameter list of what plugin you want to show
    Idem as above -->

    <action name="show_list">
    action(hide_show_list_parameter,slide1,x,0);
    action(hide_show_list_parameter,slide2,y,-100);
    action(hide_show_list_parameter,slide3,x,-500);
    </action>


    <!-- hide_show_list_parameter --- tween the parameters passed to the hide_show_list_parameter action -->

    <action name="hide_show_list_parameter">
    tween(plugin[%1].%2,%3,distance(200,1.5),linear);
    </action>


    <!-- set_hide_show_botton_to_SHOW --- set onhover and onclick attributes of the plugin[hide_show] to make a SHOW action button -->

    <action name="set_hide_show_botton_to_SHOW">
    set(plugin[hide_show].onhover,showtext( SHOW ));
    set(plugin[hide_show].onclick,action(show_list);action(set_hide_show_botton_to_HIDE););
    </action>


    <!-- set_hide_show_botton_to_HIDE --- set onhover and onclick attributes of the plugin[hide_show] to make a HIDE action button -->

    <action name="set_hide_show_botton_to_HIDE">
    set(plugin[hide_show].onhover,showtext( HIDE ));
    set(plugin[hide_show].onclick,action(hide_list);action(set_hide_show_botton_to_SHOW););
    </action>

    <!-- fullscreen buttons -->
    <plugin name="enterfs" url="plugins/button.png" align="center" x="0" y="10" visible="true" blendmode="screen" alpha="0.9" onclick="set(fullscreen,true);" onhover="showtext(Enter Fullscreen);" onover="action(overeffect,enterfs);" onout="action(outeffect,enterfs);" />

    <!-- button effects (fade from alpha 0.5 to 5 and back in 0.3 seconds) -->
    <action name="overeffect">
    tween(plugin[%1].alpha,1,distance(0.4,0.3));
    </action>

    <action name="outeffect">
    tween(plugin[%1].alpha,0.6,distance(0.4,0.3));
    </action>


    <!-- fullscreen events (new in 1.0.6) -->
    <events onenterfullscreen="action(enterfs);"

    />

    <actionname="enterfs">
    set(plugin[enterfs].visible,false);
    set(plugin[exitfs].visible,true);
    </action>

    <actionname="exitfs">
    set(plugin[enterfs].visible,true);
    set(plugin[exitfs].visible,false);
    </action>

    <plugin name="controlpanel" url="plugins/controlmenu.swf" keep="true"/>

    <action name="reset">tween(view.fovmax, 130.0, distance(179, 0.25), easeoutquad);tween(view.architectural, 0.0, distance(1.0, 0.25), easeoutquad);tween(view.fisheye, 0.0, distance(1.0, 0.25), easeoutquad, set(view.stereographic,false); );event:lookto(0,0,80);lookto(0,0,80);set(control.mousetype, moveto); set(hotspot.visible,true); set(autorotate.enabled,false);</action>

    <events onloadcomplete="delayedcall(0.7, normalview());" />


    <action name="normalview">
    tween(view.hlookat, 90, 0.7, easeInOutQuad );
    tween(view.vlookat, 0, 0.7, easeInOutQuad );
    tween(view.fov, 100, 0.7, easeInOutQuad );
    tween(view.fisheye, 0.0, 0.7, easeInOutQuad, WAIT);
    set(display.flash10,on);
    showtext(get(data[infotext].content), infostyle)
    </action>


    <data name="infotext">
    [br]Second Generation Virtual Panoramic Tours[/i][/b][br][br]
    [font size="25"]drag your mouse to look around[/font]
    </data>


    <textstyle name="infostyle"
    origin="top" edge="top" textalign="center" background="false" border="false"
    fontsize="40" textcolor="0xFFFFFF" bold="true" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
    showtime="5.0" fadetime="1.0"
    />


    <plugin name="slide1"
    url="plugins/slide1.png"
    keep="true"
    visible="true"
    enabled="true"
    handcursor="true"
    capture="true"
    children="true"
    zorder="1"
    alpha="0.9"
    blendmode="normal"
    smoothing="true"
    align="left"
    edge="right"
    x="0" y="0"
    ox="25" oy="0"
    rotate="0"
    width="" height=""
    scale="1"
    scale9grid=""
    crop=""
    mask=""
    onloaded=""
    onover="action(slide_action_1_in);"
    onhover=""
    onout="action(slide_action_1_out);"
    ondown=""
    onup=""
    onclick=""
    />

    <action name="slide_action_1_in">
    tween(plugin[slide1].x,500,distance(500,1.5),linear);
    </action>

    <action name="slide_action_1_out">
    tween(plugin[slide1].x,0,distance(500,1.5),linear);
    </action>


    <plugin name="slide2"
    url="plugins/slide2.png"
    keep="true"
    visible="true"
    enabled="true"
    handcursor="true"
    capture="true"
    children="true"
    zorder="1"
    alpha="0.5"
    blendmode="normal"
    smoothing="true"
    align="top"
    edge="top"
    x="0" y="-100"
    ox="" oy=""
    rotate="0"
    width="" height=""
    scale="1"
    scale9grid=""
    crop=""
    mask=""
    onloaded=""
    onover="action(slide_action_2_in);"
    onhover=""
    onout="action(slide_action_2_out);"
    ondown=""
    onup=""
    onclick=""
    />

    <action name="slide_action_2_in">
    tween(plugin[slide2].y,0,distance(500,1.5),linear);
    </action>

    <action name="slide_action_2_out">
    tween(plugin[slide2].y,-100,distance(500,1.5),linear);
    </action>


    <plugin name="slide3"
    url="plugins/slide3.png"
    keep="true"
    visible="true"
    enabled="true"
    handcursor="true"
    capture="true"
    children="true"
    zorder="1"
    alpha="0.5"
    blendmode="normal"
    smoothing="true"
    align="right"
    edge="right"
    x="-500" y="0"
    ox="25" oy="0"
    rotate="0"
    width="" height=""
    scale="1"
    scale9grid=""
    crop=""
    mask=""
    onloaded=""
    onover="action(slide_action_3_in);"
    onhover=""
    onout="action(slide_action_3_out);"
    ondown=""
    onup=""
    onclick=""
    />

    <action name="slide_action_3_in">
    tween(plugin[slide3].x,0,distance(500,1.5),linear);
    </action>

    <action name="slide_action_3_out">
    tween(plugin[slide3].x,-500,distance(500,1.5),linear);
    </action>


    <!-- the preview and pano image -->

    <preview type="CYLINDER" url="pano2.tiles/preview.jpg" />

    <image type="CYLINDER" hfov="359.00" multires="true" tilesize="254">
    <level tiledimagewidth="4063" tiledimageheight="989">
    <cylinder url="pano2.tiles/l1_%0v_%0h.jpg" />
    </level>
    </image>

    </krpano>

    *thumbsup* *whistling*

  • Hi Tim2420,

    Quote

    but the alpha level only shows transparent

    My faute !!!
    Change this way:

    Code
    <!-- hide / show button -->
    	<plugin name="hide_show"
    			url="plugins/show.png"
    			align="leftbottom" x="5" y="5" 
    			smoothing="true" visible="true"  blendmode="normal" alpha="0.8"
    			onclick="action(hide_list);action(set_hide_show_botton_to_SHOW);"
    			onhover="showtext( HIDE );"
    			onover=""
    			onout="" />

    It was because of the blendmode value blendmode="screen" *attention*

    Salut.

  • Hi Tim2420,

    Now you have to make an other button that say "SHOW menu"... *rolleyes*

    I suggest that you rename the file show.png to hide.png
    make the new "SHOW menu" and name it show.png
    then change the code this way:


    how do you see it ? *smile*

    Salut.

  • Hi Tim2420,

    After learning about this post Hide/show controls: what about the toggles ? and read the response from Graydon, I realize that there is a better and simple way to make the toggle action with the function switch... *smile*
    The code then will be like this:

    May be, It is better I think. *smile*

    Salut.

  • Hi,

    Note: the onhover showtext() action in the plugin name="hide_show" should be erased because the HIDE or SHOW information is donned in the show.png and hide.png

    Then the code would be:

    That's all. *smile*

Participate now!

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