Разница между .modal ('show') и .modal ()

Я думаю, что я понял это, по крайней мере, в принципе ...

.flexslider{display:none;} похоже, сбросит функцию изменения размера Flexslider. Вы можете просто удалить его, но это приводит к некоторой уродливой загрузке.

Чтобы избежать указанной уродливой нагрузки, я собрал быстрый, work-around- jsFiddle

$(document).ready(function(){
    $(".flexslider").css('display','block').slideUp();
});

. При загрузке все еще есть быстрый сбой, но надеюсь, он по крайней мере направит вас в правильном направлении.

Еще один способ, с которым я немного играл, состоял в том, чтобы попытаться принудительно изменить функцию повторного размера -

$(".client").click(function () {
    $('.flexslider').resize();    // Problematic but promising
    var project = this.id;
    var project_id = '#' + project + '-project';
    var elem = $(".flexslider:visible").length ? $(".flexslider:visible"): $(".flexslider:first");
    elem.slideUp('slow', function () {
        $(project_id).slideDown('slow');
    });
});

Этот вопрос решил проблему мини-картин, но в лучшем случае был пятнистым.