Magnific Popup中的图像大小

Question

有没有办法影响显示图像的大小？换句话说:即使原始图片的大小不同,我可以为完整图像获得相同的尺寸吗？

非常感谢Michael

Q&A"找到了答案.可以通过手动更改相应类的css属性来完成.但是,对于所有图像也是如此." 像这样的州.哪个css属性必须更改？

Answer 1

此解决方案使所有图像都显示为全高.如果它高于视口,则必须滚动才能完全看到它.

此外,它永远不会超过图像尺寸.它只是允许您以原始大小查看它

        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');
        }