Выровнять fotorama миниатюры слева

Question

Этот вопрос был задан перед: Start the thumbnails from the left of the slideshow instead of the middle, но пока нет ответа.

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

Answer 1

Как я ответил здесь, Start the thumbnails from the left of the slideshow instead of the middle, это просто. Плагин fotorama использует свойство css3 transform для выравнивания миниатюр под основным изображением. просто вычислите ширину родительской ширины и ширину контейнера для детей, используя jQuery, и если родительский объект больше, чем дочерний контейнер, сделайте преобразование по оси X, чтобы сдвинуть все миниатюры влево.

EDIT: Я сделал правку, что при нажатии на кнопку на стрелах или эскизов, он также делает исправление выравнивание!

$(document).ready(function() { 
    var pw = $('.fotorama__nav--thumbs').innerWidth(); 
    var cw = $('.fotorama__nav__shaft').innerWidth(); 
    var offset = pw -cw; 
    var negOffset = (-1 * offset)/2; 
    var totalOffset = negOffset + 'px'; 
    if (pw > cw) { 
     $('.fotorama__nav__shaft').css('transform', 'translate3d(' + totalOffset + ', 0, 0)'); 
    } 
    $('.fotorama__nav__frame--thumb, .fotorama__arr, .fotorama__stage__frame, .fotorama__img, .fotorama__stage__shaft').click(function() { 
     if (pw > cw) { 
     $('.fotorama__nav__shaft').css('transform', 'translate3d(' + totalOffset + ', 0, 0)'); 
     } 
    }); 
    }); 

Answer 2

Просто добавьте в CSS этот код:

.fotorama__nav { 
    text-align: left or right !important; 
}