MAINHACK

Viewing / Editing File: isotope.js

(function ($) {
    $(document).ready(function () {

$.fn.ct_grid_refresh = function () {
            $('.ct-grid-masonry').each(function () {
                var iso = new Isotope(this, {
                    itemSelector: '.grid-item',
                    percentPosition: true,
                    masonry: {
                        columnWidth: '.grid-sizer',
                    },
                    containerStyle: null,
                    stagger: 30,
                    sortBy : 'name',
                });

var filtersElem = $(this).parent().find('.grid-filter-wrap');
                filtersElem.on('click', function (event) {
                    var filterValue = event.target.getAttribute('data-filter');
                    iso.arrange({filter: filterValue});
                });

var filterItem = $(this).parent().find('.filter-item');
                filterItem.on('click', function (e) {
                    filterItem.removeClass('active');
                    $(this).addClass('active');
                });

var filtersSelect = $(this).parent().find('.select-filter-wrap');
                filtersSelect.change(function() {
                    var filters = $(this).val();
                    iso.arrange({filter: filters});
                });

});
        };
        $('.ct-grid-masonry').imagesLoaded(function(){
            $.fn.ct_grid_refresh();
        });
        //
        var items = $('#sg-project-gallery .grid-item');
        $('.nav-gallery a').click(function (e) {
            setTimeout(function(){
                $(items).imagesLoaded(function(){
                    $.fn.ct_grid_refresh();
                });
            }, 200);
        });

});
})(jQuery);

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: isotope.js

Server Info

System Features

User Info