Как настроить расположение миниатюр слайд-шоу в fancybox по левому краю?

Как настроить выравнивание миниатюр в fancybox по левому краю и расположить их вдоль вертикальной оси?
  • 6 мая 2024 г. 10:30
Ответы на вопрос 2
Для настройки расположения миниатюр в fancybox по левому краю, вы можете использовать параметр `thumbs.position`, установив значение "left". Например:

```javascript
$('[data-fancybox="gallery"]').fancybox({
  thumbs : {
    position : 'left'
  }
});
```

Для настройки выравнивания миниатюр по левому краю и их расположения вдоль вертикальной оси, вы можете использовать дополнительные стили CSS. Например, для расположения миниатюр по левому краю и выравнивания их вдоль вертикальной оси, вы можете использовать следующий CSS:

```css
.fancybox-thumbs {
  text-align: left;
}

.fancybox-thumbs li {
  display: block;
  margin-bottom: 10px;
}
```

Таким образом, вы сможете настроить расположение и выравнивание миниатюр в fancybox по вашим требованиям.
Стилями 
.fancybox-show-thumbs .fancybox-inner {
  right: 0;
  left: 212px;
}
.fancybox-show-thumbs .fancybox-thumbs {
  right: auto;
  left: 0;
}
Похожие вопросы