javascript - 是否可以使全屏图像可缩放？

Question

我尝试将图像全屏显示，并且图像可以缩放。我使用这个 jquery 插件http://www.jacklmoore.com/wheelzoom/缩放 和全屏，这里描述的所有选项 全屏响应背景图像

在我的测试中，可以放大图像，但如果调整窗口大小，图像不会调整大小并出现边框之间的空间。

我不知道将图像放在 div 中是否更好，并使这个 div 全屏显示。

Answer 1

如果您向我们提供小提琴，我们可以做其他事情，但一个选项似乎是在 windows resize 上更改图像大小：

$(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 );

}