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

Question

我试着放一张全屏的图片，而且图片可以缩放。我使用这个 jquery 插件进行缩放 http://www.jacklmoore.com/wheelzoom/对于全屏，此处描述的所有选项 Full-screen responsive background image

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

我不知道把图片放到一个div里，然后让这个div全屏好不好。

Answer 1

如果您向我们提供 fiddle ，我们可以做其他事情，但一个选项似乎是在窗口调整大小时更改图像大小:

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

}