PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Telnet
Отправлено: 03 Марта, 2020 - 11:18:03
Post Id


Частый гость


Покинул форум
Сообщений всего: 223
Дата рег-ции: Май 2011  


Помог: 1 раз(а)




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

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

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

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

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2.                 // set style for the other items
  3.                 for(var i = 0; i < this.itemsTotal; ++i) {
  4.                         if( i >= this.options.visible ) break;
  5.  
  6.                         if( !this.options.infinite ) {
  7.                                 if( this.current + i >= this.itemsTotal - 1 ) break;
  8.                                 var pos = this.current + i - 1;
  9.                         }
  10.                         else {
  11.                                 var pos = this.current + i < this.itemsTotal - 1 ? this.current + i + 1 : i + (this.itemsTotal - this.current - 1);
  12.                         }
  13. console.log('current',this.current,'itemsTotal',this.itemsTotal,'i',i,'pos',pos);
  14.                         var item = this.items[pos],
  15.                                 // stack items animation
  16.                                 animateStackItems = function(item, i) {
  17.                                         item.style.pointerEvents = 'auto';
  18.                                         item.style.opacity = 1;
  19.                                         item.style.zIndex = parseInt(self.options.visible - i);
  20.                                        
  21.                                         dynamics.animate(item, {
  22.                                                 translateZ : parseInt(-1 * 50 * i)
  23.                                         }, self.options.stackItemsAnimation);
  24.                                 };
  25.  

(Отредактировано автором: 04 Марта, 2020 - 08:50:18)

 
 Top
Telnet
Отправлено: 03 Марта, 2020 - 19:46:27
Post Id


Частый гость


Покинул форум
Сообщений всего: 223
Дата рег-ции: Май 2011  


Помог: 1 раз(а)




Все сделал так как мне было нужно.
 
 Top
Vladimir Kheifets
Отправлено: 03 Марта, 2020 - 19:48:59
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 513
Дата рег-ции: Март 2017  
Откуда: Германия, Бавария


Помог: 24 раз(а)




Telnet пишет:
Всем привет.
Есть вот такой вот слайдер
https://work[dot]7znakov[dot]ru/Krisna/ ...

Добрый день!
на 7znakov.ru срок действия сертификата от DigiCert Inc истёк 01.11.2019, 13:00:00
Поэтому Firefox выдаёт предупреждение: "Обнаружена возможная угроза безопасности"
и блокирует доступ по Вашей ссылке.
Желательно, для начала актуализировать сертификат, а для того,
чтобы узнать что-то полезное неплохо бы показать весь код - html, css и js
Удачи!
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 1 (гостей: 1, зарегистрированных: 0)
« JavaScript & VBScript »


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



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB