Cette page à pour objectif de mieux faire comprendre les possibilités de resize offertes par directResize sur les formats d'image automatique. Voici donc une liste des valeurs possibles de la variable $r et les exemples qui lui correspondent :
| Considérons ces images d'origine : |
||
| Â | ![]() |
![]() |
| Â | Â | Â |
| $r = 0 : Il s'agit du seul mode de redimentionnement qui ne respecte pas les proportions de l'image d'origine. Le plugin se base sur les valeurs indiquées en width et height et les applique à l'image. |
||
| w et h attribués : |
||
| résultat : |
||
| w et h attribués : | ||
| résultat : |
||
| Â | Â | Â |
| $r = 1 : Ce mode de redimentionnement ne se base que sur la valeur width renseignée et calcule automatiquement le height de manière à conserver les proportions de l'image d'origine : |
||
| w attribué : |
||
| résultat : |
|
|
| Â | Â | Â |
| $r = 2 : Ce mode de redimentionnement ne se base que sur la valeur height renseignée et calcule automatiquement le width de manière à conserver les proportions de l'image d'origine : |
||
| h attribu� : |
||
| r�sultat : |
![]() |
|
| Â | Â | Â |
| $r = 3 : Avec ce mode, on indique un width et un height max pour l'image. DirectResize va donc se débrouiller pour faire rentrer l'image proportionnellement dedans. Cette solution est principalement utile pour les galeries de photos quand on veux que toutes les images (en portrait et en paysage) rentrent dans un même carré de 300 x 300 par exemple. Un exemple de galerie du genre ici : galerie pour carré max |
||
| w et h attribués : | ||
| résultat : | ||
| w et h attribués : | ||
| résultat : | ||
| usage courant : |
![]() |
![]() |
| Â | Â | Â |
| $r = 4 : Ce mode a le même principe de fonctionnement que le précédent mais fonctionne sur un width et un height minimums dont un des deux est maximum. L'image est calculée au plus petit pour remplir un rectangle des w et h renseignés. Son usage courant serait pour remplir une galerie dont toutes les vignettes seraient exactement au même format. Par exemple, pour cette galerie : ici , le client fourni des images de toutes tailles, en portrait et en paysage, en 2/3 comme en 4/3 et même autre ... mais pour avoir un aspect général correct, toutes les images ont affichées dans des carrés de mêmes dimentions. Les images ne sont pas recadrées par le plugin, elles sont juste redimentionnées dans leur proportions puis, grâce à une fonction CSS (clip(...) ), on n'affiche qu'une zone de l'image obtenue. |
||
| w et h attribués : | ||
| résultat : | ![]() |
|
| w et h attribués : | ||
| résultat : | ![]() |
|
| usage courant : | ![]() |
![]() |








