根据浏览器，如何使幻灯片占用100％而不是重新调整大小？

Question

我有一个全屏幻灯片页面，但幻灯片不占用100％的背景。相反，它们基于浏览器的大小。我希望幻灯片能够占据100％的背景。我认为我把它缩小到一个功能，但我不确定并且还不好用JavaScript。这是功能：

    // calculate image size, top and left position
jQuery.fn.superbgCalcSize = function(imgw, imgh) {      

    var options = $.extend($.fn.superbgimage.defaults, $.fn.superbgimage.options);

    // get browser dimensions
    var browserwidth = $(window).width();
    var browserheight = $(window).height();

    // use container dimensions when inlinemode is on
    if (options.inlineMode === 1) {
        browserwidth = $('#' + options.id).width();
        browserheight = $('#' + options.id).height();
    }

    // calculate ratio
    var ratio = imgh / imgw;

    // calculate new size
    var newheight = 0; var newwidth = 0;
    if ((browserheight / browserwidth) > ratio) {
        newheight = browserheight;
        newwidth = Math.round(browserheight / ratio);
    } else {
        newheight = Math.round(browserwidth * ratio);
        newwidth = browserwidth;
    }

    // calculate new left and top position
    var newleft = Math.round((browserwidth - newwidth) / 2);
    var newtop = Math.round((browserheight - newheight) / 2);

    var rcarr = [newwidth, newheight, newleft, newtop];
    return rcarr;

};

让我知道是否需要更多代码甚至链接到整个文档，正如我所说，我对JS没有任何经验，也不知道问题所在。

*我已经尝试过使用CSS了，但是我得到了一个错误，因为它正在转换到下一个图像，它在显示下一个图像之前黯然失色第一个图像的实际大小，而且相当不合理。解决这个问题也可以解决我的问题。