Question

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

非常感谢迈克尔

Q＆amp; A＆＃34;找到了答案。可以通过手动更改各个类的css属性来完成。但是，这也适用于所有图像。＆＃34;像这样的州。哪个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');
        }

Answer 2

您是否想让图片更大？不建议这样做，因为这很可能会影响图像质量，但是你可以给它宽度超过100％和自动高度。想让它变小吗？给它一个小于100％的最大宽度和高度：auto。这就是你要找的东西吗？

Magnific Popup中的图像大小

2 个答案: