Script jQuery pour agrandir ou réduire les vignettes lors du redimensionnement des fenêtres

Question

J'ai un site avec une largeur de 100% et une hauteur de 100% et un débordement caché sur le corps. C'est donc un site Web plein écran utilisant un plugin d'image d'arrière-plan plein écran jquery. Sur une page, j'ai une liste de vignettes, chaque pouce est placé pour flotter à gauche afin qu'il remplisse toute la fenêtre avec des images de pouce. Avec le débordement réglé sur caché, lorsque trop de vignettes sont sur la page, elles disparaissent en bas. Je suis à la recherche d'un script jquery qui agrandira ou réduira automatiquement les vignettes lorsque la fenêtre est redimensionnée afin que TOUS les pouces soient toujours visibles. J'ai vu un script comme celui-ci mais je ne l'ai pas marqué ...

un script qui ferait cela?

Merci

Answer 1

J'imagine qu'il ressemblerait à quelque chose comme ceci:

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

Désolé, il n'y a pas de mise à l'échelle réelle calc, mais il devrait être assez simple à l'aide $(window).height() & $(window).width() pour obtenir le valeurs nécessaires.