simplebox.js

  (function($) {
    
    // SIMPLE BOX
    // make your own lightbox cuz they all suck
  
    var imgSrc
      , $simpleBox;
  
    window.fitImg = function() {
      var $img = $("#simple-box img");
      $($img).css("max-width", $(window).width() - 20);
      $($img).css("max-height", $(window).height() - 40);
    };
  
    $(".post img").click(function() {
      $("#simple-box").remove(); // remove if one already exists
      imgSrc = $(this).attr("src");
      $simpleBox = $("<div style='display:table;width:100%;height:100%;position:fixed;z-index:999999;top:0;left:0;'><div id='simple-box' style='background-color:rgba(0,0,0,0.7);display:table-cell;vertical-align:middle;text-align:center;'><img class='fade-in one' src='"+ imgSrc +"' style='box-shadow:0 0 50px rgba(0,0,0,0.5);' onload='fitImg()'></div></div>");
      $("body").append($simpleBox);
    });
  
    // "close" the modal
    $("body").on("click", "#simple-box", function() {
      $("#simple-box").remove();
    });
    
  }(jQuery));