Как в fancybox пустить миниатюры по левому краю?

Question

[rootnoroot]

Как в fancybox пустить миниатюры по левому краю?
Что бы они шли по вертикальной оси

так ничего не меняет

$(document).ready(function() {
        // Инициализация Fancybox
        Fancybox.bind('[data-fancybox="gallery"]', {
            // Включаем миниатюры
            Thumbs: {
                autoStart: true, // Автоматически запускаем миниатюры при открытии галереи
                axis: 'y' // Расположить миниатюры по вертикали
            }
        });
    });

Answer 1

[Виталий Першин]

Стилями

.fancybox-show-thumbs .fancybox-inner {
  right: 0;
  left: 212px;
}
.fancybox-show-thumbs .fancybox-thumbs {
  right: auto;
  left: 0;
}

Comments

[rootnoroot]

таких классов нет
+ они листаются по горизонтали

[Виталий Першин]

rootnoroot, Тогда заливай код в песочницу или на хост, мой хрустальный шар не знает какая у тебя версия fancybox и чем она отличается от той, которой пользуюсь я.

[rootnoroot]

Виталий Першин, самая последняя
там классы начинаются с

fancybox__footer  f-thumbs fancybox__thumbs f-thumbs__viewport

и так далее

почему опции не работают вопрос axis: 'y'

[Виталий Першин]

rootnoroot, Мой пример для версии до 3.5, после этого они изменили лицензию и условия использования, а последняя версия это вообще уже Fancybox5, там уже все по другому.

почему опции не работают вопрос axis: 'y'

Потому что такой опции в новой версии нет, эта опция была в старой версии. Я посмотрел исходники последней версии там под капотом вообще нет опции, которая меняла бы расположение миниатюр. В стилях тоже не реализованы вертикальные миниатюры, есть класс is-vertical, но по сути он ничего не делает, полагаю он либо вообще не реализован, либо это какое-то выравнивание самих миниатюр. В общем если нужны вертикальные миниатюры придется самому стили пилить. Ну или создать issues со своим вопросом

[rootnoroot]

Виталий Першин, поставил 3.5
вызываю

Fancybox.bind("[data-fancybox]", {
  Thumbs: {
		type: "classic",
    autoStart: true, // Автоматически показывать миниатюры при открытии галереи
    axis: 'y' // Расположить миниатюры по вертикали
  }
});

на изображения даю data-fancybox="gallery"

открываются но миниатюр нет
как правильно для этой ветки написать?

[rootnoroot]

Виталий Першин, все разобрался. Спасибо
только не пойму почему они в 2 строки идут. стоит axis: 'y'

[Виталий Першин]

rootnoroot, Для старой версии актуальная документация лежит в архиве

почему они в 2 строки

Ну стили такие, так всегда было

[rootnoroot]

Виталий Першин, Спасибо. уже стили запилил
За док благодарствие