Conserver les proportions

Version imprimable

Bonjour,

Avec slider.constructor je construit un slider (issu de la bibliothèque Scriptaculous).

Ce slider crée un zoom

voici le code

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
28
 (function() {
    var zoom_slider = $('zoom_slider'),
        rgb_slider = $('rgb_slider'),
        box = $('drag_demo_1');
 
 
 
 
    new Control.Slider(zoom_slider.down('.handle'), zoom_slider, {
      range: $R(20, 180),
      sliderValue: 100,
      onSlide: function(value) {
 
		  var x = document.getElementById("drag_demo_1").getDimensions().width;
          var y = document.getElementById("drag_demo_1").getDimensions().height;
          var coeff_im = y / x;
 
        box.setStyle({ width: value + 'px', height: (value*coeff_im) + 'px' });
      },
      onChange: function(value) { 
 
	  var drag = value;
        box.setStyle({ width: value + 'px', height: (value*coeff_im) + 'px' });
 
 
      }
    });
  })();

Mon problème se situe dans le cacul de la variable coeff_im (coefficient hauteur/largeur).

Le calcul n'est pas bon mais je ne parvient pas à trouver ou ?

Jspr que jai été assez clair.

29/06/2009, 08h35
Bovino
Salut,
getDimensions() est une propriété des elements Prototype, il est donc important d'étendre les éléments HTML avec la fonction $.
Code:

1 2 3 var x = $("drag_demo_1").getDimensions().width; var y = $("drag_demo_1").getDimensions().height; var coeff_im = y / x;
29/06/2009, 12h45
night_flyers
Citation:
Envoyé par Bovino

Salut,
getDimensions() est une propriété des elements Prototype, il est donc important d'étendre les éléments HTML avec la fonction $.

Code:

1 2 3 var x = $("drag_demo_1").getDimensions().width; var y = $("drag_demo_1").getDimensions().height; var coeff_im = y / x;
merci Bovino c'est sa!

Il y à également :
element.style.width
element.style.height