根据窗口大小调整图像大小

Question

如何在this example中调整图像大小？当我调整窗口大小时，我希望图像的大小调整为适当的宽高比。

这应该用jQuery或HTML/CSS来完成？

Answer 1

由于您使用jQuery你可以使用大小调整方法

$(window).resize(function() { 
    // check the window width and resize your images 
    var width = $(window).width(); 
}); 

Answer 2

在谷歌一个简单的搜索提供了答案。

使用JQuery Vegas进行全尺寸衰落。 http://vegas.jaysalvat.com/

使用Supersized具有全尺寸滑动。 http://buildinternet.com/project/supersized/