Задать вопрос

Как растянуть изображение во весь экран в fotorama?

Приветствую!
Пытаюсь изменить положение превьюх в fotorama 4 с горизонтального на вертикальное. Вроде бы нашел такое решение
но при разворачивании в полноэкранный режим не получается растянуть изображение на всю высоту экрана (под изображением остается пустое пространство). Через height 100% или 100vh растянуть не получилось.
  • Вопрос задан
  • 227 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • UPROCK.SCHOOL
    Webflow-разработчик: создание сайтов без кода
    4 месяца
    Далее
Решения вопроса 1
@Chebaa Автор вопроса
$('.fotorama')
  .on('fotorama:fullscreenenter fotorama:fullscreenexit', function (e, fotorama) {
    if (e.type === 'fotorama:fullscreenenter') {
      // settings for full screen
      fotorama.setOptions({nav: false});
    } else {
      // Back to normal settings
      fotorama.setOptions({nav: 'thumbs'});
    }
  }).fotorama();
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
tv_dakota
@tv_dakota
Backend developer
.fotorama__fullscreen-icon {
    background: url('../img/bg.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    width: 100% !important;
    height: 100% !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 10 !important;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы