[Résolu] Changer le "body background" en fonction de la résolution

Marsh Posté le 12-11-2006 à 14:31:26

Salut,

Je cherche à modifier l'image de background en fonction de la résolution écran utilisateur sans utiliser de redirection (trop compliqué à mettre en place avec mon site)
POur l'instant j'utilise un banal

Code :

<body background="images/fond_automne_1280_1024.jpg">

J'ai trois images :
fond_automne_1280_1024.jpg
fond_automne_1024_768.jpg
fond_automne_800_600.jpg

et je n'ai rien trouvé sur comment modifier l'image chargée en fonction de la résolution du visiteur du site

Quelqu un à une idée?

Message édité par Profil supprimé le 13-11-2006 à 00:17:14

Reply

Marsh Posté le 12-11-2006 à 14:31:26

Reply

Marsh Posté le 12-11-2006 à 14:34:00

Déjà ça se fait en CSS, et ensuite c'est uniquement possible en javascript

Reply

Marsh Posté le 12-11-2006 à 14:40:57

pourrais tu être un peu plus précis stp?
Je sais que php n'a pas de fonction pour détecter la résolution d'écran et en javascript on peut apparement utiliser la variable screen et ses champs width et height mais je n'ai pas réussi (je n'y connais rien en javascript, je connais plutot le html/php ).
J'ai utilisé un code du style

Code :

<script type="text/javascript" language="JavaScript">
if (screen.width!=800|screen.height!=600)
<body background="images/fond_automne_800_600.jpg">
if (screen.width!=1024||screen.height!=768)
<body background="images/fond_automne_1024_768.jpg">
if (screen.width!=1280||screen.height!=1024)
<body background="images/fond_automne_1280_1024.jpg">
</script>

mais ca ne marchait pas

Reply

Marsh Posté le 12-11-2006 à 23:38:20

Code :

<script type="text/javascript">
window.onload=function() {
var sw = screen.width;
var img = "800_600";
if (sw>=1024) img = "1024_768";
if (sw>=1280) img = "1280_1024";
document.body.style.background="url(images/fond_automne_"+img+".jpg) no-repeat center center"
}
</script>

Reply

Marsh Posté le 13-11-2006 à 00:14:25

Je viens d'essayer ton script gatsu et ça marche du tonnerre
Merci beaucoup

Reply

Marsh Posté le 13-11-2006 à 09:22:00

Attention, surtout ne jamais utiliser la résolution d'écran, mais plutôt la taille de la fenêtre : si l'internaute surfe avec la fenêtre réduite, ça va pas être top

Reply

Marsh Posté le 13-11-2006 à 11:43:06

Pour "url(images/fond_automne_"+img+".jpg) :

Faut il mettre et remplacé "image.jpg no-repeat center center"

ou "./(images/image.jpg)

url est il nessaire car je cherche aussi le meme prog car sur les ecran plasma des utilisateur ca a tendance a debordé ...

Message édité par shurik84 le 13-11-2006 à 11:43:24

Reply

[Résolu] Changer le "body background" en fonction de la résolution

Sujets relatifs:

Leave a Replay