Size: a a a

2021 November 29

IZ

Ilya Zaranchyk in Evolution CMS
поэтому и говорю, с чем столкнулся и задаю вопросы
источник

DL

Dmytro Lukianenko in Evolution CMS
источник

SV

Serguei VeseloV in Evolution CMS
Я делал через bxslider.
Генерирую два множества изображений - одно для превьюшек, другое для больших.
Делаю сначала слайдер для больших картинок, назначая в качестве pager-а область с маленькими картинками. А потом в функции onSliderLoad() делаю второй вызов bxSlider() уже для самих превьюшек.

Всё работало.
источник

SV

Serguei VeseloV in Evolution CMS
А со строны evo чем генерировать превьюхи и кадры слайдера - это уже на ваше усмотрение. У меня из multiTV это выдергивается, так как картинки и их описания сидят там.
источник

К

Кирилл in Evolution CMS
Понял, спасибо!
Буду пробовать
источник

SV

Serguei VeseloV in Evolution CMS
$('.bx_previewed_slider').each(function(){
               var bx_pager_id = '#' + $(this).attr("pager-id");
               console.log("pager_id = '" + bx_pager_id + "'");
         $(this).bxSlider({
            nextText: '',
            prevText: '',
            pagerCustom: bx_pager_id,
            preloadImages:'all',
               onSliderLoad: function(currentIndex){
           $(bx_pager_id).bxSlider({
              nextText: '▼',
              prevText: '▲',
              minSlides: 3,
              maxSlides: 3,
              slideHeight: 200,
              slideMargin: 9,
              moveSlides: 1,
              mode: 'vertical',
              pager:false,
              preloadImages:'all'
           });    
          }
         });      
           });
Вот работающий пример с сайта. Как сгенерировать картинки и с какими классами - см. по коду.
источник

AS

Aliaksandr Sadouski in Evolution CMS
В slick есть встроенный параметр asNavFor https://kenwheeler.github.io/slick/
источник

SV

Serguei VeseloV in Evolution CMS
Обертки вот такие использую:
<div class="bx_previewed_slider" pager-id="bx-pager">
         ((wrapper))
       </div>
и
<div class="pager_outer"><div id="bx-pager"  class="pagerarea">((wrapper))</div></div>
Соответственно.
источник

AS

Aliaksandr Sadouski in Evolution CMS
источник

AS

Aliaksandr Sadouski in Evolution CMS
Вот там на странице пример синхронизации
источник

AK

Andrey K in Evolution CMS
"Было сложно"
Было сложно скопировать пример и ответить?  Зачем у людей спрашивать и потом замолкать? Типа, работайте, чернь, я потом зайду и почитаю?
источник

AS

Aliaksandr Sadouski in Evolution CMS
Я вчера кстати сделал пакет с роутингом и получением документа по id - работает )))
источник

SV

Serguei VeseloV in Evolution CMS
О. А что за библиотека, насколько не глючная? Не видел такой еще :)
источник

AS

Aliaksandr Sadouski in Evolution CMS
Ссылка на нее выше, вроде известная, slick slider
источник

IZ

Ilya Zaranchyk in Evolution CMS
его минус в том, что при переходе на слайд, он активный элемент в тумбах в самое начало переводит

допустим, 4 тумбы выводится, и он сдвигает их таким образом, что активный становится самым первым
источник

SV

Serguei VeseloV in Evolution CMS
Я уже смотрю. Просто не попадалась, думал какая-то новенькая.
источник

IZ

Ilya Zaranchyk in Evolution CMS
не особо удобно было
источник

AS

Aliaksandr Sadouski in Evolution CMS
Ну у меня же на скрине 4 тумба по центру (которая активная), так что хз, может показалось
источник

IZ

Ilya Zaranchyk in Evolution CMS
там центрирование слайдов
источник

IZ

Ilya Zaranchyk in Evolution CMS
параметр отдельный
источник