Redimensionner une image en fonction de la taille de l'écran

**vva** · 09/01/2009, 10h51

Bonjour,

Je voulais vérifier si cela est possible de redimensionner uen image à l'ouverture de la page de cette manière, merci d'avance.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script LANGUAGE="javascript">
function Screen_Width()
	{
	document.getElementById("Img_Logo").width = screen.width
	}
</script>
 
 
<body onload="Screen_Width();">
<div id="Logo"><!--LOGO-->
<a href="page.asp?scodlg=<%=session("slg")%>" target="_self"><img src="images/FondLogo2.gif" id="Img_Logo" border="0"></a>
</div>
</body>

**vva** · 09/01/2009, 11h12

comme ceci c'est déjà mieux

document.getElementById("Img_Logo").style.width = screen.width

mais y a t il mieux ? merci

**Macmillenium** · 09/01/2009, 11h13

Bonjour,

Code :

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

1
2
3
4
5
6
7
 
<script type="text/javascript">
function tailleimage()
	{
	document.getElementById("Img_Logo").width = screen.availWidth
	}
</script>

Mais là c'est un resize forcé, ton image sera déformé ...
Tu peut préparer les images avec différentes tailles et les appeler selon la largeur d'écran.

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
 
function tailleimage() {
var largeur = screen.availWidth;
 
 switch(largeur)
    {
    case 1440 :
       document.getElementById("Img_Logo").src = "image1440.gif" 
        break;
    case 1280 :
        document.getElementById("Img_Logo").src = "image1280.gif" 
        break;
    default :
        document.getElementById("Img_Logo").src = "imagepardefaut.gif" 
    } 
}