Всем привет.
Есть вот такой вот слайдер
https://your-teachers[dot]ru/Krisna/
Там есть видимая часть картинок, они как будто сложены стопкой,
и последняя из них видна.
При нажатии на зеленую кнопку он перемещает текущую картинку вправо, и задние элементы становятся передними.
при нажатии на красную кнопку все должно происходить в точности до наоборот, картинка должна появятся слева а те элементы что там уже есть должны сдвигаться на 1 назад.
Вообщем я сделал что б при нажатии на красную показывалась предыдущая картинка, но задние элементы не корректно отрабатывают.
Сразу после нажатия на красную кнопку впервый раз html код галереи выглядит так
http://prntscr[dot]com/rarnth
а мне нужно что б он был такой
http://prntscr[dot]com/rarqel
За их смену и позиционирование отвечает вот такой блок кода из файла main.js
И пока что мне так и не удалось правильно его модифицировать
CODE ( javascript):
скопировать код в буфер обмена
// 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); };
(Отредактировано автором: 04 Марта, 2020 - 08:50:18)
|
Главная
Помощь
Поиск
Пользователи
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)
Без описания
