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

Question

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

将溢出设置为隐藏时，当页面上的缩略图过多时，它们会在底部消失。我正在寻找一个 jquery 脚本，它会在调整窗口大小时自动放大或缩小缩略图，以便所有缩略图始终可见

这里有人知道可以执行此操作的脚本吗？

谢谢

Answer 1

我想它看起来像这样：

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

抱歉，没有任何实际的缩放计算，但使用 $(window).height() 和 $(window).width() 获取所需的值应该很简单。