Скрипт 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() должно быть довольно просто получитьнеобходимые значения.