jquery - 最初は画像が大きく見えないように、画像の 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();
    });
});