Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.03.2020, 12:05
Профессор
Отправить личное сообщение для Telnet Посмотреть профиль Найти все сообщения от Telnet
 
Регистрация: 21.02.2011
Сообщений: 160

Правильное позиционирование задних элементов в галереи
Всем привет.
Есть вот такой вот слайдер
https://your-teachers.ru/Krisna/
Там есть видимая часть картинок, они как будто сложены стопкой,
и последняя из них видна.
При нажатии на зеленую кнопку он перемещает текущую картинку вправо, и задние элементы становятся передними.
при нажатии на красную кнопку все должно происходить в точности до наоборот, картинка должна появятся слева а те элементы что там уже есть должны сдвигаться на 1 назад.

Вообщем я сделал что б при нажатии на красную показывалась предыдущая картинка, но задние элементы не корректно отрабатывают.

Сразу после нажатия на красную кнопку впервый раз html код галереи выглядит так
http://prntscr.com/rarnth
а мне нужно что б он был такой
http://prntscr.com/rarqel

За их смену и позиционирование отвечает вот такой блок кода из файла main.js
И пока что мне так и не удалось правильно его модифицировать

// set style for the other items
		for(var i = 0; i < this.itemsTotal; ++i) {
			if( i >= this.options.visible ) break;

			if( !this.options.infinite ) {
				if( this.current + i >= this.itemsTotal - 1 ) break;
				var pos = this.current + i - 1;
			}
			else {
				var pos = this.current + i < this.itemsTotal - 1 ? this.current + i + 1 : i + (this.itemsTotal - this.current - 1);
			}
console.log('current',this.current,'itemsTotal',this.itemsTotal,'i',i,'pos',pos);
			var item = this.items[pos],
				// stack items animation
				animateStackItems = function(item, i) {
					item.style.pointerEvents = 'auto';
					item.style.opacity = 1;
					item.style.zIndex = parseInt(self.options.visible - i);
					
					dynamics.animate(item, {
						translateZ : parseInt(-1 * 50 * i)
					}, self.options.stackItemsAnimation);
				};

Последний раз редактировалось Telnet, 04.03.2020 в 09:41.
Ответить с цитированием
  #2 (permalink)  
Старый 03.03.2020, 20:36
Профессор
Отправить личное сообщение для Telnet Посмотреть профиль Найти все сообщения от Telnet
 
Регистрация: 21.02.2011
Сообщений: 160

Все сделал так как мне было нужно.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
програмное позиционирование фиксированных элементов относительно друг друга sav-oks Общие вопросы Javascript 2 04.11.2014 13:51
Правильное изменение размеров div элементов Nupster Элементы интерфейса 5 13.08.2014 19:07
Позиционирование элементов imediasun1 Элементы интерфейса 2 12.08.2013 15:56
Позиционирование элементов? wUI ExtJS 3 27.04.2012 11:55
SVG позиционирование элементов zaytsewa Общие вопросы Javascript 1 23.06.2011 12:23