Как я могу центрировать миниатюры в fancybox-3 - PullRequest
Новая
       19

Как я могу центрировать миниатюры в fancybox-3

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

Похоже, что в старых версиях fancybox был помощник для миниатюр, который центрировал миниатюры под изображением.

По примеру здесь: https://codepen.io/fancyapps/pen/PdMvML Я могу расположить миниатюры вдоль нижней части, но я бы хотел центрировать миниатюры. Кто-нибудь уже разобрался, как это сделать?

Вот CSS, но миниатюры внизу: 

@media all and (min-width: 768px) {
  .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }
}

А вот javascript для автоматического запуска миниатюр. 

$('[data-fancybox="images"]').fancybox({
  thumbs : {
    autoStart : true,
    axis      : 'x'
  }
})

1 Ответ

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

Вы можете центрировать все изображения большого пальца, используя это: 

p.imglist {
text-align: center !important;
}

<p class="imglist"> </p>

Потому что изображения идут в теге p с классом .imglist. При этом все изображения будут в центре.

...