Размеры контейнера
Размеры Fotorama являются размерами первого изображения. Другие изображения масштабируются пропорционально по размеру. Чтобы зарезервировать место на странице до загрузки первого изображения, используйте ширину и высоту данных: <div class="fotorama" data-width="800" data-height="600"> <img src="1.jpg"> <img src="2.jpg"> </div> ОтзывчивыйЧтобы сделать фоторему чувствительной, задайте ширину в процентах и соотношение сторон: <div class="fotorama" data-width="100%" data-ratio="800/600"> <!-- ↑ The same as data-ratio="4/3" or data-ratio="1.3333333333". --> <img src="1.jpg"> <img src="2.jpg"> </div> Пример: 
Ограничьте размер fotorama до определенного диапазона с использованием <div class="fotorama" data-width="100%" data-ratio="800/600" data-minwidth="400" data-maxwidth="1000" data-minheight="300" data-maxheight="100%"> <img src="1.jpg"> <img src="2.jpg"> </div> Пример в новом окне. Относительная высота вычисляется на основе внутренней высоты окна. Высота 100% охватывает все окно браузера: <body style="margin: 0;"> <div class="fotorama" data-width="100%" data-height="100%"> <img src="1.jpg"> <img src="2.jpg"> </div> </body> Пример в новом окне. |