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- Started 10 months ago by SpanglerDesign
- Latest reply from Ismael
- This topic is not a support question
-
Posted 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 # -
Ismael
ModeratorHello,
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 #
Reply
You must log in to post.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
