是否可以製作全屏圖像可縮放？

Question

我嘗試將圖像放在全屏中，圖像也可以縮放。 我使用變焦這個jQuery插件http://www.jacklmoore.com/wheelzoom/ 和全全屏，這裏所描述 Full-screen responsive background image

在我的測試中的所有選項，可以化妝放大圖像，但如果調整窗口的大小，圖像不調整並在邊界之間出現空格。

我不知道是否最好將圖像放在div中，並將此div設爲全屏。

Answer 1

如果你提供給我們的小提琴，我們可以能夠做別的事情，但一個選項似乎正在改變Windows上的圖像尺寸調整：

$(window).resize(function() { 

    //in order to call the functions only when the resize is finished 
    //http://stackoverflow.com/questions/4298612/jquery-how-to-call-resize-event-only-once-its-finished-resizing 
    clearTimeout(resizeId); 
    resizeId = setTimeout(doneResizing, 500);  
}); 

function doneResizing(){ 
    var windowsWidtdh = $(window).width(); 
    var windowsHeight = $(window).height(); 

    //setting your image dimensions 
    $('#yourImage').css('height', windowsHeight); 
    $('#yourImage').css('width', windowsWidtdh); 

}