Jquery Cycle2 прокрутка нескольких дочерних div одновременно - PullRequest
Новая
       21

Jquery Cycle2 прокрутка нескольких дочерних div одновременно

0 голосов
/ 30 января 2019

У меня есть приведенный ниже HTML-код с инициализированным плагином jquery cycle2.

Здесь внутри контейнера div у меня есть два элемента div с циклом классов, которые я намерен отобразить в виде двух строк, и применить эффект плагина cycle2 к обоим элементам div одновременно.

Показывает толькоодин div с циклом занятий за раз.Мне нужно отобразить два или более дочерних элемента вместо одного и продолжать цикл.может кто-нибудь помочь мне разобраться? 

<div class="container" style="position: relative">
   <div class="cycle-slideshow" data-cycle-fx="scrollVert" hide-non-active="false" data-cycle-speed="200" data-cycle-slides="> div" style="position: relative;">
      <div class="cycle">
         <div class="row">
            <div class="col">
               <div class="card c1">
                  <div class="card-header">
                     <img class="card-img" src="./assets/img/brian.jpg">
                  </div>
                  <div class="card-body">
                  </div>
               </div>
            </div>
            <div class="col">
               <div class="card c2">
                  <div class="card-header">
                     <img class="card-img" src="./assets/img/diana.jpg">
                  </div>
                  <div class="card-body">
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="cycle">
         <div class="row">
            <div class="col">
               <div class="card c3">
                  <div class="card-header">
                     <img class="card-img" src="./assets/img/jane.jpg">
                  </div>
                  <div class="card-body">
                  </div>
               </div>
            </div>
            <div class="col">
               <div class="card c4">
                  <div class="card-header">
                     <img class="card-img" src="./assets/img/mark.jpg">
                  </div>
                  <div class="card-body">
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
...