Bonjour,
Nouveau sur ce forum, merci d'avance de votre accueil !

J'essaye de réaliser une fonction qui redimensionne les images en fonctions de la tailles de l'écran, en leur conservant leur format homothétique, jusque-là ça va. mais lorsque j'applique ma fonction à une série d'image avec une classe, leur hauteur(par exemple) est bien redimensionnée, mais leur largeur est identique, lorsque j'utilise un id le rapport de redimensionnement est correct ? des idées ? ci-dessous la fonction et l'exemple :


http://www.architectureetbois.com/zo...ize6_haut.html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
29
30
31
32
33
34
function redim(id, para){
 
    var $image = $(id);
    var l2 = $image.width();
    var h2 = $image.height();
 
 
 var l1 = $(window).width();
    var h1 = $(window).height();
 
if(l2>h2){
 var ratio=(h2/l2);  
 
l2=Math.ceil(l1-para);
h2=Math.ceil(l2*ratio);
 
      $image.css({
        'width': l2 + 'px',
        'height': h2 + 'px'
      });
  }
   else {
	    var ratio=(l2/h2);  
	   h2=Math.ceil(h1-para);
l2=Math.ceil(h2*ratio);
      $image.css({
       'width': l2 + 'px',
        'height': h2+ 'px'
 
      });
    }
 
 
}