Redimensionner des photos automatiquement

**lordlifen** · 30/09/2010, 11h30

Bonjour,

J'utilise actuellement ce code pour redimensionner des photos. Le code marche avec firefox et non ie.

Merci d'avance de vos contribution

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
<html>
<head>
<script type="text/javascript">
function ResizeThem()
{
  var maxheight = 300;
  var maxwidth = 300;
  var imgs = document.getElementsByTagName("img");
  for ( var p = 0; p < imgs.length; p++ )
  {
    if ( imgs[p].getAttribute("alt") == "user posted image" )
    {
      var w = parseInt( imgs[p].width );
      var h = parseInt( imgs[p].height );
      if ( w > maxwidth )
      {
        imgs[p].style.cursor = "pointer";
        imgs[p].onclick = function( )
        {
          var iw = window.open ( this.src, 'ImageViewer','resizable=1' );
          iw.focus();
        };
        h = ( maxwidth / w ) * h;
        w = maxwidth;
        imgs[p].height = h;
        imgs[p].width = w;
      }
      if ( h > maxheight )
      {
        imgs[p].style.cursor="pointer";
        imgs[p].onclick = function( )
        { 
          var iw = window.open ( this.src, 'ImageViewer','resizable=1' );
          iw.focus( );
        };
        imgs[p].width = ( maxheight / h ) * w;
        imgs[p].height = maxheight;
      }
    }
  }
}
</script>
</head>
<body onLoad="ResizeThem()">
 
    <img src="http://pinker.wjh.harvard.edu/photos/cape_cod/images/blue%20sky%20sailboat.jpg" alt="user posted image"/>
    <img src="http://www.link.cs.cmu.edu/splay/tree5.jpg" alt="user posted image"/>
    <img src="http://www.puzzlethis.co.uk/images/hom/cube.jpg" alt="user posted image"/>
 
</body>
</html>

**SPACHFR** · 30/09/2010, 12h18

Salut,

Je viens de tester ton code avec FF et IE7, aucun problème, les images sont bien redimensionnées..

**lordlifen** · 30/09/2010, 12h26

bizzare j'ai ie7 et pourtant ça marche pas

**SPACHFR** · 30/09/2010, 12h50

essai avec un timeout sur l'appel de ta fonction pour voir si IE serait pas un peu lent...
Si c'est OK, il te faudra tester que tout est chargé avant de faire appel à ta fonction de rezise.
Sinon je ne vois pas, chez moi ton code est OK.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<body onLoad="setTimeout(function(){ResizeThem();},2000);">

**Bovino** · 30/09/2010, 14h01

L'idée de SPACHFR me semble la bonne, ceci dit, mettre la valeur à 0 devrait suffire : cela permet de ne lancer la fonction que quand tous les traitements en cours sont terminés :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onLoad="setTimeout(function(){ResizeThem();},0);">

**lordlifen** · 30/09/2010, 16h53

en faite ça fonctionne c'était juste que j'utilise des photos lourdes merci pour vos contributions.

Redimensionner des photos automatiquement

JavaScript

Discussions similaires

Partager

Partager