Magnific Popup 中的图像大小

Question

有什么办法可以影响图片显示的大小吗？换句话说：即使原始图片有不同的尺寸，我能否实现完整图像的相同尺寸？

非常感谢迈克尔

问答 "found the answer. It can be done by changing the respective class's css properties manually. But, that is also fixed for all images." 是这样说的。哪个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');
        }

Magnific Popup 中的图像大小

Image size in Magnific Popup

css

size

image

popup