Показать сообщение отдельно
  #1 (permalink)  
Старый 22.07.2017, 18:31
Аспирант
Отправить личное сообщение для shoopik Посмотреть профиль Найти все сообщения от shoopik
 
Регистрация: 02.07.2017
Сообщений: 83

object.style.position
Привет,
пример закинул в планкер: https://plnkr.co/edit/UQz3yiv2hAJfV5UVoqCu?p=preview

Слайдер, двигает картинки, влево - да, вправо - нет. Почему - вот вопрос. Вывожу в логи, значение style.right - меняется, не пойму че не двигает.
Еще интересует почему создаётся переменная left, почему если просто сделать polosa.style.left+= left+'px'; - то не работает

document.getElementById('slider-left').onclick = sliderLeft;
var left = 0;
function sliderLeft () {
	var poloska = document.getElementById('polosa');
	left = left - 128;
	if (left < -512) {
		left = 0;
	}
	polosa.style.left= left+'px';
};

document.getElementById('slider-right').onclick = sliderRight;
var right = 0;
function sliderRight () {
	var poloska = document.getElementById('polosa');
	right = right + 128;
	if (right > 512) {
		right = 0;
	}
	polosa.style.right = right+'px';
	console.log(polosa.style.right);
	console.log(polosa.style.left);
};
Ответить с цитированием