调整图像的 jQuery 调整大小，使其一开始不会显得很大

Question

各位，抱歉，这个标题有点尴尬。

无论如何，我正在尝试使用以下 jQuery 片段调整图像大小：

$(window).load(function(){
$('img.FancyBox').each(function(){
$(this).width($(this).width() * 0.25);
});
});

现在，这可以工作，但如果我能找到一种方法来指定图像加载其原始大小的 25%，而不是加载，那就太好了它们的原始大小，并按比例缩小。

它有效，但看起来有点奇怪。

任何类型的解决方法都会很棒！

谢谢！

Answer 1

您可以在 CSS 中将 .FancyBox 设置为 display: none; ，然后执行以下操作：

$(window).load(function(){
    $('img.FancyBox').each(function(){
        $(this).width($(this).width() * 0.25);
        $(this).show();
    });
});