我的网站宽度为100%,高度为100%,并且身体上隐藏着溢出物。所以它是一个使用jquery全屏背景图像插件的全屏网站。在一个页面上,我有一个缩略图列表,每个拇指设置为向左浮动,因此它用拇指图像填充整个窗口。
将溢出设置为隐藏,当页面上有太多缩略图时,它们会在底部消失。我正在寻找一个jquery脚本,它会在调整窗口大小时自动缩放或缩小缩略图,这样所有的拇指总是可见的我之前看过这样的脚本但是没有书签它......
这里的任何人都知道会执行此操作的脚本吗?
由于
答案 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()
获取所需的值。