Как изменить расположение маркеров в слайдере jssor? - PullRequest
Новая
       63

Как изменить расположение маркеров в слайдере jssor?

0 голосов
/ 17 апреля 2020

У меня довольно большая галерея с 65 картинками, и я использую для этого ползунок jssor. Все выглядит хорошо, за исключением пуль - их слишком много, поэтому первые и последние не отображаются на странице.

Вот изображение, которое лучше показывает проблему

Конечно, я мог бы go без пуль, но я бы предпочел иметь их. Единственное, что я мог найти, чтобы изменить это сделать их меньше, но это не было решением, которого я желал. Кроме того, в окне с измененным размером маркеры не масштабируются равномерно, поэтому, если на полном рабочем столе экрана, например, 30 маркеров на небольшом экране с измененным размером, их будет 25.

Есть ли способ сделать два ряда на пулях, чтобы они все поместятся на экране? Или любое другое решение, которое могло бы обеспечить эффект, при котором все маркеры помещались бы на экране, не будучи крошечными точками.

Здесь приведен фрагмент кода маркеров, если только в отдельных файлах сценариев, поставляемых с jssor слайдер. 

<div data-u="navigator" class="jssorb032" style="position:absolute;bottom:12px;right:12px;" data-autocenter="1" data-scale="0.5" data-scale-bottom="0.75">
  <div data-u="prototype" class="i" style="width:12px;height:12px;">
    <svg viewBox="0 0 16000 16000" style="position:absolute;top:0;left:0;width:100%;height:100%;">
      <circle class="b" cx="8000" cy="8000" r="5800"></circle>
    </svg>
  </div>
</div>

.jssorb032 {
  position:absolute;
}

.jssorb032 .i {
  position:absolute;
  cursor:pointer;
}

.jssorb032 .i .b {
  fill:#fff;
  fill-opacity:0.7;
  stroke:#000;
  stroke-width:1200;
  stroke-miterlimit:10;
  stroke-opacity:0.25;
}

.jssorb032 .i:hover .b {
  fill:#000;
  fill-opacity:.6;
  stroke:#fff;
  stroke-opacity:.35;
}

.jssorb032 .iav .b {
  fill:#000;
  fill-opacity:1;
  stroke:#fff;
  stroke-opacity:.35;
}

.jssorb032 .i.idn {
  opacity:.3;
}
...