Discussion :

[runner77]

Bonjour tous le monde.

Je suis actuellement en train de réaliser une "galerie" d'image, que vous pouvez retrouver à cette page pour bien comprendre ce dont je parle.

http://refugedestroisours.webou.net/

Etant donné que dans cette galerie il y aura des images au format "portrait" et d'autre au format "paysage", j'aimerai afficher l'image agrandi au bon format, mais n'y arrive pas.

Voici les extraits de code que j'ai pour le moment.

Code :

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

1
2
3
4
5
6
7
8
9
function changer(){
		  var liens = document.getElementsByName('icone') ;
 
		  for (var i = 0 ; i < liens.length ; ++i) {
				liens[i].onmouseover = function () { document.big1.src = this.src; };
		  }
		 }
 
		 window.onload = changer;

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
<?php
        $req_galerie = "SELECT * FROM photos_refuge";
        $result_galerie = mysql_query($req_galerie);
        $tab_photo = array();
        $tab_width = array();
        for( $i = 0 ; $i < mysql_num_rows( $result_galerie ) ; $i++ )
        {
                $photo = mysql_result( $result_galerie, $i, 'url' );
                $width = mysql_result( $result_galerie, $i, 'width' );
                $height = mysql_result( $result_galerie, $i, 'height' );
                $tab_photo[] = $photo;
                $tab_width[] = $width;
                $tab_height[] = $height;
                
                
                if( $width > $height )
                {
?>
		<input type="hidden" value='<?php echo $width; ?>' name='paysage' id="paysage">
		<img name="icone" src="galerie/<?php echo $photo; ?>" width=40 height=30  onmouseover="changer()" /></li>
<?php
                }
                else
                {
?>
		<img name="icone" src="galerie/<?php echo $photo; ?>" width=30 height=40  onmouseover="changer()" /></li>
<?php           
                }
        }
?>
	</ul>
	<br>
		<dl id="photo">
<?php
        if( $tab_width[0] > $tab_height[0] )
        {
?>
		<dd><img name="big1" src="galerie/<?php echo $tab_photo[0]; ?>" width=400 height=300 /></dd>
<?php
        }
        else
        {
?>
		 <dd><img name="big1" src="galerie/<?php echo $tab_photo[0]; ?>" width=300 height=400 /></dd>
<?php
        }
?>

Si quelqu'un pourrais m'aider ce serait cool merci ^^

[SpaceFrog]

ne précise pas la style width et height puis récupères le offsetWodth et offsetHeight

Autre possibilité utiliser un nommage de tes fichiers :
Land_image.gif, Port_image.gif
après suffit de parser le src et tu sait dans quel sens l'afficher

[runner77]

Désolé de ne pas avoir répondu tous de suite, mais je ne vois pas comment après faire pour bien redimentionner mes images.