jQuery脚本在调整窗口大小时放大或缩小缩略图

jQuery脚本在调整窗口大小时放大或缩小缩略图,jquery,resize,fullscreen,scale,thumbnails,Jquery,Resize,Fullscreen,Scale,Thumbnails,我有一个网站,宽度100%,高度100%,溢出隐藏在身体上。因此,它是一个全屏网站,使用jquery全屏背景图像插件。在一个页面上,我有一个缩略图列表,每个缩略图都设置为向左浮动,因此它会用缩略图图像填充整个窗口 将“溢出”设置为“隐藏”时,当页面上的缩略图过多时,它们将从底部消失。我正在寻找一个jquery脚本,当窗口调整大小时,它会自动放大或缩小缩略图,所以所有的缩略图都是可见的。我以前看到过这样的脚本,但没有对它进行book标记 这里有人知道这样做的脚本吗 谢谢我想它应该是这样的: $(w

我有一个网站,宽度100%,高度100%,溢出隐藏在身体上。因此,它是一个全屏网站,使用jquery全屏背景图像插件。在一个页面上,我有一个缩略图列表,每个缩略图都设置为向左浮动,因此它会用缩略图图像填充整个窗口

将“溢出”设置为“隐藏”时,当页面上的缩略图过多时,它们将从底部消失。我正在寻找一个jquery脚本,当窗口调整大小时,它会自动放大或缩小缩略图,所以所有的缩略图都是可见的。我以前看到过这样的脚本,但没有对它进行book标记

这里有人知道这样做的脚本吗


谢谢

我想它应该是这样的:

$(window).resize(function() {
  var _newWidth = `<calc here>`; //calc new Width here based on window size
  var _newHeight = `<calc here>`; //calc new Height here based on window size
  $("img.thumb").css({width: _newWidth, height: _newHeight}); 
});
$(窗口)。调整大小(函数(){
var_newWidth=``;//根据窗口大小在此处计算新宽度
var_newHeight=``;//根据窗口大小在此处计算新高度
$(“img.thumb”).css({width:_newWidth,height:_newHeight});
});

很抱歉,没有任何实际的缩放计算,但使用
$(窗口).height()
&
$(窗口).width()
来获取所需的值应该非常简单。

谢谢大家。只是想知道,计算会是什么?因为我们不知道浏览器的宽度和高度。只需要所有的大拇指来向下或向上缩放。在你的解释中,给每个大拇指一个“大拇指”类,非常感谢!