有什么方法可以影响显示图像的大小吗?换句话说:即使原始图片有不同的尺寸,我能否实现完整图像的相同尺寸?
非常感谢 迈克尔
问答“找到了答案。可以通过手动更改相应类的 css 属性来完成。但是,这对于所有图像也是固定的。”像这样的状态。必须更改哪个 css 属性?
最佳答案
此解决方案使所有图像都以全高显示。如果它高于视口(viewport),您必须滚动才能完全看到它。
此外,它永远不会超过图像尺寸。它只是让你在原始尺寸上看到它
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');
}
关于css - Magnific Popup 中的图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32847458/