S
S
Stanislav2019-06-21 19:22:16
Gallery
Stanislav, 2019-06-21 19:22:16

How to stretch an image to full screen in fotorama?

Greetings!
I'm trying to change the position of previews in fotorama 4 from horizontal to vertical. Looks like I found a solution
but when expanding to full screen mode, it is not possible to stretch the image to the entire height of the screen (there is an empty space under the image). Through height 100% or 100vh it was not possible to stretch.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
S
Stanislav, 2019-06-22
@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();

C
Chris, 2019-06-22
@tv_dakota

.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;
}

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question