SHARE
TWEET

reset image size

chrismccoy Jul 17th, 2017 (edited) 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. $(function(){
  2.     function resetImageSize() {
  3.         $('.grid .image img').each(function(i, e){
  4.             $(e).height($(e).attr('height')*e.width/$(e).attr('width'));
  5.         });
  6.     }
  7.  
  8.     if ($(window).width() >= 768) {
  9.         var gutter = 15;
  10.     }
  11.     else {
  12.         var gutter = 5;
  13.     }
  14.  
  15.     function setGridWidth() {
  16.         var gridItem = $('.item').width() + gutter;
  17.         var times = parseInt(($(window).width() - gutter*2)/gridItem);
  18.         if (0 == times) {
  19.             $('.grid').width($('.item').width());
  20.             return ;
  21.         }
  22.  
  23.         $('.grid').width(times*gridItem - gutter);
  24.     }
  25.  
  26.     $(window).resize(function() {
  27.         resetImageSize();
  28.         setGridWidth();
  29.     });
  30.  
  31.     resetImageSize();
  32.  
  33.     if ($(window).width() >= 360 ) {
  34.         setGridWidth();
  35.         var grid = $('.grid').masonry({
  36.             itemSelector: '.item',
  37.             columnWidth: '.item',
  38.             gutter: gutter
  39.         });
  40.     }
  41.  
  42. });
RAW Paste Data
Top