File "masonry-4-col.js"

Full path: E:/sites/Single15/tinmung2007/webroot/thien chua/ThienChuavaTranThe/thien chua va tran the/js/masonry-4-col.js
File size: 2.04 KiB (2088 bytes)
MIME-type:
Charset: utf-8

Download   Open   Back

(function($) {
    var $container = $('.portfolio'),
        colWidth = function() {
            var w = $container.width(),
                columnNum = 1,
                columnWidth = 10;
            if (w > 1200) {
                columnNum = 4;
            } else if (w > 900) {
                columnNum = 3;
            } else if (w > 600) {
                columnNum = 1;
            } else if (w > 300) {
                columnNum = 1;
            }
            columnWidth = Math.floor(w / columnNum);
            $container.find('.pitem').each(function() {
                var $item = $(this),
                    multiplier_w = $item.attr('class').match(/item-w(\d)/),
                    multiplier_h = $item.attr('class').match(/item-h(\d)/),
                    width = multiplier_w ? columnWidth * multiplier_w[1] - 0 : columnWidth - 5,
                    height = multiplier_h ? columnWidth * multiplier_h[1] * 1 - 5 : columnWidth * 0.5 - 5;
                $item.css({
                    width: width,
                    height: height
                });
            });
            return columnWidth;
        }

    function refreshWaypoints() {
        setTimeout(function() {}, 3000);
    }
    $('.portfolio-filter ul a').on('click', function() {
        var selector = $(this).attr('data-filter');
        $container.isotope({
            filter: selector
        }, refreshWaypoints());
        $('.portfolio-filter ul a').removeClass('active');
        $(this).addClass('active');
        return false;
    });

    function setPortfolio() {
        setColumns();
        $container.isotope('reLayout');
    }
    $container.imagesLoaded(function() {
        $container.isotope();
    });
    isotope = function() {
        $container.isotope({
            resizable: true,
            itemSelector: '.pitem',
            layoutMode: 'masonry',
            gutter: 10,
            masonry: {
                columnWidth: colWidth(),
                gutterWidth: 0
            }
        });
    };
    isotope();
    $(window).smartresize(isotope);
}(jQuery));