[Dynamic image sizes] #js #jquery

js-dynamic-image-sizes.js

$(document).ready(function(){

  $('.events__deck > img').each(function(){
    $(this).on('load', function(){
      var w = $(this).prop("naturalWidth");
      var h = $(this).prop("naturalHeight");
      var ex = 0.10;
      // expand images
      w += w * ex;
      h += h * ex;
      $(this).css({"max-width":w + "px", "height":h + "px"});
    });
  });
  
});