Как задать свои размеры изображению в fullscreen fotorama.js?

Question

[Aleksander911]

Доброго дня всем.
Использую слайдер Fotorama и столкнулся с проблемой размеров fullscreen изображения. В fullscreen размер картинки зависит от размера окна браузера и не реагирует никак на то что я задал параметры data-maxwidth, что негативно сказывается на тех изображениях, которые имеют небольшой размер.

<div class="fotorama" 
	data-loop="true" 
	data-transition="dissolve"
	data-maxwidth="500"
	data-maxheight="100%">
  <a href="1.jpg"><img src="1_thumb.jpg"></a>
  <a href="2.jpg"><img src="2_thumb.jpg"></a>
</div>

jQuery(".fotorama").fotorama({
					  click:false,
					  allowfullscreen:true,					
					  nav: "thumbs"
					});						
					
					
				$(document).on("mouseover", ".fotorama__nav__frame", function () {
					var $fotorama = $(this).parents(".fotorama"); 
					$fotorama.data("fotorama").show({index: $(".fotorama__nav__frame", $fotorama).index(this)});
				});

Подскажите, как сделать размер изображения меньше, чем делает его Fotorama? или возможно есть вариант, чтобы размер был не больше оригинального...
Спасибо.

Answer 1

[Aleksander911]

Вопрос решил так: оказывается есть еще такие варианты отображения, как
'contain' - это дефолтный по размеру контейнера;
'cover' - растягивается на весь экран;
'scaledown' - по размеру изображения и при сжатии экрана сжимается;
'none' - по размеру изображения, но при сжатии экрана не сжимается.
Добавил атрибут и значение data-fit="scaledown" и всё зарабтало как надо.

Answer 2

[Максим]

я добавил data-allowfullscreen="true" и появился значёк

вот скрин

Comments

[Aleksander911]

У меня в js прописан allowfullscreen:true, это тоже самое что и data-allowfullscreen="true". Вопрос не в том как сделать фулскрин, а как задать свои размеры изображения в этом режиме.

[Максим]

Aleksander911: какие свои размеры ? и для чего это ? слайдер и так подстраивается под экраны

[Aleksander911]

Максим Жаров: извините, прочитайте внимательно вопрос. Если у вас есть картинка размером 600х500 и она в fullscreen подстроится под размер экрана 21 дюйма 1920px, то навряд ли вы будете рады расплывчатому изображению с его ландшафтом пикселей.

[Максим]

Aleksander911: этого не избежать , это и есть растровое изображение в котором сыпется пиксель , в этом преимущество векторной графики , выход может быть только в использовании больших изображений - я суть вопроса понял - просто и вы должны понять что пиксель по любому развалится