Javascript-форум - Показать сообщение отдельно - помогите переставить slider с лева на право

sinsir · #1 (**permalink**) 18.06.2011, 10:38

Здравствуйте!
Помогите мне переставить слайдер с левой стороны экрана на правую.
Вот часть кода страницы

Код:

<body>
        <div id="sideBarMenu">
        	<div id="sideBarContent">
            	<h3 id="imagoGalleryTitle"></h3>
				<a id="imagoMenuPrevLink"><img src="css/img/menuPrevImg.png" alt=""/></a>
				<a id="imagoMenuNextLink"><img src="css/img/menuNextImg.png" alt=""/></a>
			</div>
            <a href="#" id="sideBarTab" class="sideBarTabClosed"></a>
        </div>
</body>

вот CSS

Код:

#sideBarMenu {
    position: fixed;
	/*right:-300px;*/
    top: 200px;
    z-index: 2;
    width: auto;
}

#sideBarContent {
    position: relative;
    opacity: 0.5;
    filter: Alpha(Opacity = 50);
    text-align: right;
    padding-bottom: 10px;
}

#sideBarTab {
    position: absolute;
    display: block;
    right: -30px;
    top: 0px;
    height: 30px;
    width: 30px;
}

вот код слайдера

Код:

/*
 *  Copyleft 2009 by Jens Boje
 *  Name    : Simple sidebar
 *  Version : 0.1pre
 *  Author  : Jens Boje (azarai@codeboje.de)
 *  URL		: http://codeboje.de
 *  Terms of Use:  BSD
 */
var isExtended = 0;
var height = 450;
var width = 0;
var slideDuration = 1000;
var opacityDuration = 1500;
var defaultleft = 0;
var defaultOpacity = 0;

function extendContract(){
    if (isExtended == 0) {
        $('sideBarTab').removeClass('sideBarTabClosed');
        $('sideBarTab').addClass('sideBarTabOpen');
        sideBarSlide(0, height, defaultleft, width);
        sideBarOpacity(defaultOpacity, 1);
        isExtended = 1;
    }
    else {
        $('sideBarTab').removeClass('sideBarTabOpen');
        $('sideBarTab').addClass('sideBarTabClosed');
        
        sideBarSlide(height, 0, width, defaultleft);
        sideBarOpacity(1, defaultOpacity);
        isExtended = 0;
    }
}

function sideBarSlide(fromHeight, toHeight, fromWidth, toWidth){
    var myEffects = new Fx.Morph('sideBarMenu', {
        duration: slideDuration,
        transition: Fx.Transitions.linear
    });
    myEffects.start({
        'left': [fromWidth, toWidth]
    });
}

function sideBarOpacity(from, to){
    var myEffects = new Fx.Morph('sideBarContent', {
        duration: opacityDuration,
        transition: Fx.Transitions.linear
    });
    myEffects.start({
        'opacity': [from, to]
    });
}

function init(){
    defaultWidth = $('sideBarMenu').getSize().x;
    $('sideBarMenu').setStyle('left', "-" + defaultWidth + "px");
    defaultleft = $('sideBarMenu').getStyle('left');
    defaultOpacity = $('sideBarContent').getStyle('opacity');
    $('sideBarTab').addEvent('click', function(){
        extendContract()
    });
}

window.addEvent('imagoReady', function(){
    $('sideBarContent').style.display = 'block';
    init();
});

может я чего-то пропустил, я в этом ничегошеньки непонимаю.
Сейчас он выежжает с левой стороны экрана направо, а нужно чтобы с правой налево.