Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #15359

    I was wondering if anybody knew if the transition position could be changed from left to right to top to bottom on the menu when opened and collapsed? Seems like this should be something that should be doable? Any help would be awesome on this.

    #87185

    Hi SpanglerDesign,

    I’m a bit confused with the transition. Do you mean the transition in the background? I’m not sure where I can find the left sidebar navigation transition.

    Regards,

    Ismael

    #87186

    No i mean the menu which now comes in from the side… i need it to come from the bottom…. in other words give the appearance of sliding up from the slide control area…. can you help with this?

    #87187

    Hello,

    That is a bit complicated. You can edit js > avia_fullscreen_slider.js when you are using a mini-content and avia_fullscreen_slider-not-minified.js if not. The sidebar animation is somewhere between this lines.

    hideContent: function()
    {
    if(!animating)
    {
    originalPos = { sb_pos1: parseInt(sidebar1.css('left'), 10),
    sb_pos2: parseInt(sidebar2.css('left'), 10),
    main_pos: parseInt(main.css('left'),10),
    main_mini_pos: parseInt(main_mini.css('right'),10)
    };

    animating = true;
    var animateThis = {left:-windowwWidth*2};
    var animateThis2= {right:-windowwWidth};
    link.fadeOut();
    imagecount.fadeIn();
    sidebar1.animate(animateThis, duration, transition1);
    main_mini.animate(animateThis2, duration, transition1, function(){ main_mini.css({zIndex:0}); });

    setTimeout(function()
    {
    linkBack.css({display:'block'}).animate({bottom:0}, 300);
    thumbnails.css({display:'block'}).animate({bottom:0}, 300);
    win.trigger('resize');

    }, 400);

    setTimeout(function()
    {
    if(jQuery.support.opacity) { overlay.animate({opacity:0});}else{overlay.css({display:'none'});}
    main.animate(animateThis, duration, transition1, function(){ main.css({zIndex:0}); animating = false; });

    },
    durationBetween);

    setTimeout(function()
    {
    sidebar2.animate(animateThis, duration, transition1);
    },
    durationBetween * 2);
    }
    return false;
    },

    showContent: function()
    {
    if(!animating)
    {
    animating = true;
    var animateThis = {left:-windowwWidth};

    sidebar2.animate({left:originalPos.sb_pos2}, duration, transition, function()
    {
    sidebar2.attr('style','');
    });

    setTimeout(function()
    {
    main.css({zIndex:10}).animate({left:originalPos.main_pos}, duration, transition);
    },
    durationBetween);

    linkBack.animate({bottom:-80}, 300);
    thumbnails.animate({bottom:-80}, 300, function()
    {
    thumbnails.css({display:'none'})
    linkBack.css({display:'none'})
    });
    link.fadeIn();
    imagecount.fadeOut();

    setTimeout(function()
    {
    if(jQuery.support.opacity) { overlay.animate({opacity:1}); } else {overlay.css({display:'block'});}

    main_mini.animate({right:originalPos.main_mini_pos}, duration, transition1, function(){ main_mini.css({zIndex:0}); });
    sidebar1.animate({left:originalPos.sb_pos1}, duration, transition, function()
    {
    animating = false;
    sidebar1.attr('style','');
    });
    },
    durationBetween*2);
    }
    return false;
    }

    };

    Good luck,

    Ismael

    #87188

    Thanks Ismael. One more question. I’m not sure what you mean by “if I am using a mini-content”.

    Is that a selection I can see somewhere? I don’t recall seeing an option for standard or mini-content. If it helps, my site is viewable at: http://www.mcmonigal.com/new/

    #87189

    Hi SpanglerDesign,

    You can see it, when you edit a page in Pages > SomePage and click edit. Then check the Layout Options in the lower right, see the options inside the dropdown of “Choose a Page Layout” and you can see the Mini-content Area.

    Regards,

    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Left Sidebar Navigation Transition’ is closed to new replies.