Фонд 6.4: Проблемы с отображением орбиты изображения - PullRequest
Новая
       73

Фонд 6.4: Проблемы с отображением орбиты изображения

1 голос
/ 29 апреля 2019

Я исследователь UX, а не программист, и я надеялся получить полезную обратную связь, чтобы заставить работать функцию орбиты. :

Использование: Фонд 6.4 Функция: Орбитер изображения

Проблемы: Размещая созданные мной изображения размером 800 x 400 ч (с помощью Photoshop), они, похоже, не «заполняют» контейнер, предоставляемый орбитальным аппаратом. Изображения попадают в верхнюю левую часть контейнера орбиты, а стрелки и маркеры выглядят смещенными. 

<div class="orbit" role="region" data-orbit data-auto-play="false">
  <div class="orbit-wrapper">
   <div class="orbit-controls">
     <button class="orbit-previous"><span class="show-for-sr">Previous 
      Slide</span>&#9664;&#xFE0E;</button>
     <button class="orbit-next"><span class="show-for-sr">Next 
     Slide</span>&#9654;&#xFE0E;</button>
   </div>

 <ul class="orbit-container">
   <li class="is-active orbit-slide">
    <img class="orbit-image" src="img/Dtotals.png" alt="Totals">
   </li>
   <li class="orbit-slide">
    <img class="orbit-image" src="img/trans.png" alt="Transcripts">
   </li>
  </ul>
 </div>

 <nav class="orbit-bullets">
   <button class="is-active" data-slide="0"><span class="show-for-sr">First 
    slide details.</span><span class="show-for-sr">Current Slide</span> 
   </button>
   <button data-slide="1"><span class="show-for-sr">Second slide details. 
   </span></button>
 </nav>
</div>

Как я могу добиться того, чтобы орбитальный аппарат лучше совмещался с размером изображения 800 х 400 ч, чтобы элементы управления маркерами и стрелками выравнивались надлежащим образом?

Большое спасибо!

...