Question

我在拥有许多JPEG的网站上使用fancybox。我使用单个大图像文件，至少是最终最大查看尺寸的两倍，经过大量压缩以减少KB。该技术似乎运行良好，节省了大量时间制作每个原始版本的x2和x3版本，避免使用srcset。

可以通过fancybox在缩放图像中查看图像的替代视图，但缩放图像显示文件的实际像素大小，因此我无法弄清楚如何控制fancybox'd的最终显示尺寸放大屏幕上的图像。

可以吗？谢谢，Peter H.

（缩放的图像尺寸不一样）

Answer 1

如果您使用fancyBox3，则可以使用“afterLoad”回调来更改图像尺寸：

$(".item").keyup(function(event){
    if(event.keyCode == 13){
        $('.item').click();
    }
});

如果您希望将此应用于所有未来的实例，那么也是可能的。例如：

$('[data-fancybox]').fancybox({
    afterLoad : function( instance, slide ) {
        if ( slide.type === 'image' ) {
            slide.width  = slide.width  * 0.5;
            slide.height = slide.height * 0.5;
        }
    }
});

调整照片放大fancybox.js

1 个答案: