script qui redimentionne des images
bonjour à tous,
je suis entrain d'essayer de faire une script box et j'aimerai avoir un script qui redimensionne des images ( ou div car sa dépend de mon utilisation) en fonction de la taille de la fenêtre (afin d'évite que ma box ne dépasse les bord).
Voici le script (que j'ai récupéré et modifier pour convenir à mon script de départ):
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
Window = { 'x' : window.getWidth() - this.options.AutoResize.Margin,
'y' : window.getHeight()- this.options.AutoResize.Margin };
SizeMin = { 'width' : this.options.AutoResize.min.width,
'height' : this.options.AutoResize.min.height };
if(Window.x < SizeMax.width) {
NewSize.height = Math.round(SizeMax.height * (Window.x / SizeMax.width));
NewSize.width = SizeMax.width;
if (NewSize.height > Window.y) {
NewSize.width = Math.round(NewSize.width * (Window.y / NewSize.height));
NewSize.height = NewSize.height;
}
}
else if(Window.y < SizeMax.height)
{
NewSize.width = Math.round(SizeMax.width * (Window.y / SizeMax.height));
NewSize.height = SizeMax.height;
if (NewSize.height < Window.y) {
NewSize.height = Math.round(SizeMax.height * (Window.x / SizeMax.width));
NewSize.width = NewSize.width;
}
} |
Mes variables:
Window.y: hauteur de la fenêtre du navigateur
Window.x: largeur de la fenêtre du navigateur
SizeMax.width: largeur par defaut et maximum de ma box
SizeMax.height: hauteur par defaut et maximum de ma box
NewSize.width: largeur à définir
NewSize.height: hauteur à définir
Mon problème:
Le script réagit plutôt bien dans la première partie du script ( au moment de définir pour la première fois NewSize) mais très mal durant la seconde condition (au moment de redéfinir NewSize). Exemple:
je réduit ma fenétre sur le coter droit vers la gauche, le script va prendre la première condition en compte et va définir la hauteur de la box puis il est sencé définir la largeur afin de faire une box proportionnel a sa taille d'origine.
Or c'est pas le cas! le script va soit redimensionner excessivement ma box (2000px au lieu de 300px par exemple) soit pas du tout.
Quelqu'un aurait-il une solution à mon problème :( ??
Merci d'avance, je me tiens à votre disposition pour toutes questions
PS: le script est fait pour mootools a la base! mais je pense que vus sa simplicité, tout le monde devrait comprendre
