Корректировка изменения размера изображений в jQuery, чтобы поначалу они не выглядели большими

Question

Что-то вроде неуклюжего названия, ребята, извините.

В любом случае, я пытаюсь изменить размеры моих изображений следующим фрагментом jQuery:

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

Теперь это работает, нобыло бы очень хорошо, если бы я мог найти способ указать изображениям для загрузки 25% их исходного размера, а не загружать их исходный размер и уменьшать их.

Это работает, но выглядит немного странно.

Любой способ обойти это будет здорово!

Спасибо!

Answer 1

вы можете установить .FancyBox в display: none; в вашем CSS и затем сделать:

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