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

时间:2010-10-03 10:37:10

标签: jquery resize fullscreen scale thumbnails

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

将溢出设置为隐藏,当页面上有太多缩略图时,它们会在底部消失。我正在寻找一个jquery脚本,它会在调整窗口大小时自动缩放或缩小缩略图,这样所有的拇指总是可见的我之前看过这样的脚本但是没有书签它......

这里的任何人都知道会执行此操作的脚本吗?

由于

1 个答案:

答案 0 :(得分:0)

我想它看起来像这样:

$(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()&amp; $(window).width()获取所需的值。