Использование изображений различной ширины в Orbit Fundation 6 - PullRequest
Новая
       84

Использование изображений различной ширины в Orbit Fundation 6

0 голосов
/ 31 мая 2019

Я пытаюсь использовать Орбиту как карусель фотографий.Моя проблема в том, что мне нужно видеть несколько изображений вместе, чтобы получить ширину экрана, а не одно изображение, поскольку у меня есть тысячи изображений различной ширины.

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

            <div class="orbit" role="region" aria-label="carusel" data-orbit>
              <div class="orbit-wrapper">
                <div class="orbit-controls">
                  <button class="orbit-previous"><img src="img/bbth-arrowprev.png" alt="" /></button>
                  <button class="orbit-next"><img src="img/bbth-arrownext.png" alt="" /></button>
                </div>
                <!--<ul class="orbit-container">
                  <li class="orbit-slide is-active"><figure class="orbit-figure"><img src="upload/pfizer-01.jpg" alt="" /></figure></li>
                  <li class="orbit-slide"><figure class="orbit-figure"><img src="upload/tira-01.jpg" alt="" /></figure></li>
                  <li class="orbit-slide"><figure class="orbit-figure"><img src="upload/tira-02.jpg" alt="" /></figure></li>
                  <li class="orbit-slide"><figure class="orbit-figure"><img src="upload/tira-03.jpg" alt="" /></figure></li>
                </ul>-->
                <nav class="orbit-bullets">
                  <button class="is-active" data-slide="0"><img src="upload/pfizer-01.jpg" alt="" /></button>
                  <button data-slide="1"><img src="upload/tira-01.jpg" alt="" /></button>
                  <button data-slide="2"><img src="upload/tira-02.jpg" alt="" /></button>
                  <button data-slide="3"><img src="upload/tira-03.jpg" alt="" /></button>
                  <button data-slide="4"><img src="upload/tira-04.jpg" alt="" /></button>
                  <button data-slide="5"><img src="upload/tapa-bazaar.jpg" alt="" /></button>
                </nav>
              </div>
            </div>

Я пытался использовать карусель, внешнюю по отношению к фундаменту, но это вызвало ошибку в коде.

...