Измените код так, чтобы галерея фильтров не выводила все изображения при открытии HTML-страницы

---

I am at in trying to figure out how to have the index page not load then entire gallery..seems to default to 'All' option. I don't want the page to have to load 100 images. My idea was to remove the 'All' section and just have a samples section where we could choose samples from each category. But when i deleted the 'all' section, all of the images loaded anyways. I found a question similar but not quite sure how to play with the javascript. I also located where in my javascript file i think the option exists. Below is a link to that similar question, as well as a copied bit from the javascript file. There is also a link to a testpage but I have not yet updated it. - kim
ссылка на тестовый сайт: Брендон Макгиннис Дизайн[^]


Скопированный бит javascript из файла:

// === window When Loading === //

$(window).on("load",function (){

    var wind = $(window);

    // Preloader
    $(".loading").fadeOut(500);


    // stellar
    wind.stellar();


    // isotope
    $('.gallery').isotope({
      // options
      itemSelector: '.items'
    });

    var $gallery = $('.gallery').isotope({
      // options
    });

    // filter items on button click
    $('.filtering').on( 'click', 'span', function() {

        var filterValue = $(this).attr('data-filter');

        $gallery.isotope({ filter: filterValue });

    });

    $('.filtering').on( 'click', 'span', function() {

        $(this).addClass('active').siblings().removeClass('active');

    });

Что я уже пробовал:

в html я попытался удалить категорию "все", но html-страница все равно загрузила все изображения в галерею.

---