Vertical Center jQuery Plugin

verticalCenter.js

(function ($) {
    $.fn.verticalCenter = function () {
        var obj = this;
        obj.parent().css({
            'position': 'relative'
        });
        obj.css({
            'margin-top': -this.outerHeight() / 2,
            'margin-left': -this.outerWidth() / 2,
            'position': 'absolute',
            'top': '50%',
            'left': '50%'
        });
    }
})(jQuery);


// Position the gallery vertically centered
$('.vertical-center').imagesLoaded(function () {
    $(this).verticalCenter();
});

Now uses <href="https://github.com/desandro/imagesloaded">https://github.com/desandro/imagesloaded as cached images were causing a problem