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.
Left Sidebar Navigation Transition
6 posts from 2 voices-
Posted 10 months ago #
-
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,
IsmaelPosted 10 months ago # -
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?
Posted 10 months ago # -
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,
IsmaelPosted 10 months ago # -
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/
Posted 10 months ago # -
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,
IsmaelPosted 10 months ago #
Reply
You must log in to post.














