afficher des backgrounds de différentes tailles, selon l'écran de l'utilisateur

**tantrum** · 28/12/2009, 13h44

Bonjour,

J'ai un problème avec un load background.
Dans mon index il y a le tag body onload qui appel une page javascript qui doit afficher des images en background de différentes tailles, selon la taille de l'écran de l'utilisateur, (4 tailles d'images différentes).
Le problème c'est que se n'est pas moi qui à fait le code et la personne qui m'avait fais le code n'assume pas son boulot.
Donc je suis obligé de me référer au connaissance de quelqu'un d'autre.

je vous mets le code de mon index et le code de la page javascript.
J'espère que quelqu'un pourra me donné un coup de mains.

Joyeux Noël à tous.

**SPACHFR** · 28/12/2009, 14h24

Salut,

J'ai modifié le script.js afin de le tester en local (à copier/coller dans un html) via un browser.
Je ne sais pas quelle URL tu attends, mais en exécutant le code ci-dessous, tu verras les valeurs renvoyées et tu pourras corriger.

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
 
<html>
<head>
<script>
function LoadBG(){
	var Path="http://www.giannidangelo.com/background/"+Filename();
	Sh=screen.height;
	Sw=screen.width;
        alert('Path = '+Path); // TEST
	var aBG=Path+"/1024x768.jpg"
	if(900<=Sh) {aBG=Path+"/1440x900.jpg"}
	if(1050<=Sh){aBG=Path+"/1680x1050.jpg"}
	if(1200<=Sh){aBG=Path+"/1920x1200.jpg"}
	alert('Url image :'+aBG);  // Url de l'image TEST
	//window.document.getElementsByTagName("body")[0].style.backgroundImage="url('"+aBG+"')";
}
function Filename(){
      // Url=window.document.URL;
	Url='http://www.giannidangelo.com'; //TEST
	Fname="";
	Si=Math.max(Url.lastIndexOf("/"),Url.lastIndexOf("\\"))+1;
	Ei=Url.lastIndexOf(".");
	Fname=Url.substring(Si,Ei);
	alert(Fname); // TEST
	return(Fname);
}
</script>
</head>
<body onload="LoadBG();">
</body>
</html>

**tantrum** · 28/12/2009, 16h35

le nom de mes images:
1024x768.jpg
1440x900.jpg
1680x1050.jpg
1920x1200.jpg

Mes images sont dans un dossier qui se nomme background.
J'ai des messages mais je ne comprends pas les erreurs qu'il me donne.

Merci pour ton aide.

**SPACHFR** · 28/12/2009, 16h47

Peux tu nous donner les messages d'erreurs ?

Le petit test que je t'es mis permet de voir l'Url générée par ta fonction LoadBG()

Peux tu également donner un exemple de l'Url complète pour une image ?

Si c'est 'http://www.giannidangelo.com/background/1024x768.jpg'
dans ce cas tu n'as pas besoin de faire appel à la fonction Filename()

**tantrum** · 28/12/2009, 17h06

http://www.giannidangelo.com
C'est sur l'index que rien ne s'affiche.
Je ne comprends pas pourquoi sur toute les autres pages tout focntionne correctement.

Merci

**tantrum** · 29/12/2009, 14h27

Escuse moi pour hier je ne t'ai mis la réponse que tu voulais.
Pour les message d'erreur, il y en a 2:
Path = http://www.giannidangelo.com/backgro...nnidangelo.com
Url image :http://giannidangelo.com/background/.../1680x1050.jpg
Et voici un url ou tu peux voir l'image de fond.
http://www.giannidangelo.com/marque.php

Si tu arrive trouvé la solution sa serait super cool.

Je te remercie d'avance.

afficher des backgrounds de différentes tailles, selon l'écran de l'utilisateur

JavaScript

Vue hybride

Discussions similaires

Partager

Partager