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

Version imprimable

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:

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>

09/01/2009, 11h12
vva

comme ceci c'est déjà mieux

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

mais y a t il mieux ? merci

Bonjour,

Code:

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:

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" 
    } 
}

09/01/2009, 11h16
vva

en fait l'image n'est pas déformée car à la base c'est image de 1 px par 1 px de couleur unie donc pas de soucis de ce côté là
09/01/2009, 11h22
SpaceFrog

tu la mets en background avec un repeat ...
09/01/2009, 15h56
marcha

Citation:

Envoyé par vva

en fait l'image n'est pas déformée car à la base c'est image de 1 px par 1 px de couleur unie donc pas de soucis de ce côté là

Pourquoi as-tu besoin d'une image ? si il s'agit simplement d'un pixel c'est une couleur que tu peux appliquer en tant qu'un style non ?
09/01/2009, 15h59
vva

oui aussi cela clos mon sujet
09/01/2009, 16h03
SpaceFrog

:mouarf::mouarf:
bien vu marcha ...
comme quoi on va chercher loin parfois ...