stevenvachon / jquery.wrecker Goto Github PK

$(function(){
    $("#container").wrecker({
        // options
        itemSelector : ".item",
        maxColumns : 4,
        responsiveColumns : {
            // windowMaxWidth : columns
            // windowMaxWidth order and values should match those in your responsive CSS
            {1024 : 3},
            {800  : 2},
            {640  : 1}
        }
    });
});

(function($) {

  $('.tw-lazyload').lazyload({
    threshold : 200,
    failure_limit : 10,
    skip_invisible : true,
    effect : 'show',
    event : 'scroll'
  });

}(jQuery));

(function($) {

  // if the page has a jquery.wrecker element
  if ( $('#wrecker-container').length ) {

    function initialize_wrecker() {

      $("#wrecker-container").wrecker({

        // options
        itemSelector : ".wrecker-item",
        maxColumns : 3,
        responsiveColumns : [
          {1080 : 3},
          {810  : 2},
          {540  : 1}
        ]

      });

    }

    // if viewport is larger than 540px
    if (matchMedia('only screen and (min-width: 540px)').matches) {

      initialize_wrecker();

    }
    // end if viewport is larger than 540px

    // initialize wrecker on resize end event
    window.addEventListener('resize:end', function(event) {

      // if viewport is larger than 540px
      if (matchMedia('only screen and (min-width: 540px)').matches) {

        initialize_wrecker();

      }
      // end if viewport is larger than 540px

    }, false);
    // end initialize wrecker on resize end event

  }
  // end if the page has a jquery.wrecker element

}(jQuery));