Размер изображения в Magnific Popup

Question

Есть ли способ повлиять на размер отображаемого изображения? Другими словами: могу ли я достичь такого же размера для полного изображения, даже если исходные изображения имеют разные размеры?

Большое спасибо Майкл

Добротность & А «нашел ответ. Это может быть сделано путем изменения свойств CSS соответствующего класса вручную. Но, что также фиксируется для всех изображений.» таких состояний. Какое свойство css нужно изменить?

Answer 1

Вы пытаетесь сделать изображение более крупным? Не рекомендуется, так как это, скорее всего, скомпрометирует качество изображения, но вы можете дать ему ширину более 100% и высоту авто. Хотите сделать его меньше? Дайте ему максимальную ширину менее 100% и высоту: авто. Это то, что вы ищете?

Answer 2

Это решение делает все изображения отображаемыми на полной высоте. Если он больше, чем окно просмотра, вам придется прокручивать его, чтобы увидеть его полностью.

Кроме того, он никогда не превышает размеры изображения. Он просто позволяет вам увидеть его на оригинальном размере

 jQuery(document).ready(function(jQuery) { 
      jQuery('.trigger').magnificPopup({ 
       type: 'image', 
       callbacks: { 
        resize: changeImgSize, 
        imageLoadComplete:changeImgSize, 
        change:changeImgSize 
       } 
      }); 
     }); 
     function changeImgSize(){ 
      var img = this.content.find('img'); 
      img.css('max-height', '100%'); 
      img.css('width', 'auto'); 
      img.css('max-width', 'auto'); 
     }