помогите переставить slider с лева на право
Здравствуйте!
Помогите мне переставить слайдер с левой стороны экрана на правую.
Вот часть кода страницы
Код:
<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();
});
может я чего-то пропустил, я в этом ничегошеньки непонимаю.
Сейчас он выежжает с левой стороны экрана направо, а нужно чтобы с правой налево. |