(function($) { $.fn.fullscreenr = function() { var defaults = { width: 1280, height: 1024, bgID: '.fullscreenr' }; var options = $.extend({}, defaults, options); $(document).ready(function() { $(options.bgID).fullscreenrResizer(options) }); $(window).bind("resize", function() { $(options.bgID).fullscreenrResizer(options) }); return this }; $.fn.fullscreenrResizer = function(options) { var ratio = options.height / options.width; var browserwidth = $(window).width(); var browserheight = $(window).height(); if ((browserheight / browserwidth) > ratio) { $(this).height(browserheight); $(this).width(browserheight / ratio) } else { $(this).width(browserwidth); $(this).height(browserwidth * ratio) } $(this).css('left', (browserwidth - $(this).width()) / 2); $(this).css('top', (browserheight - $(this).height()) / 2); return this } })(jQuery);