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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Résolu] Changer le "body background" en fonction de la résolution

Profil supprimé

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

Publicité

FlorentG

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

Profil supprimé

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

gatsu35

Blablaté par Harko

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>

Profil supprimé

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

FlorentG

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

shurik84

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
[RESOLU] PB avec les virgules et MYSQL ?!	Question de débutant sur la fonction menu.addChild
[RESOLU] Flash et Firefox - incompatibilite selective	[Résolu] Condition multiple "souple"
[Résolu] Effets CSS non désirés...	[RESOLU] Ordre d'execution a la creation dune form ?
[BATCH]Changer mode de compatibilité en ligne de commande	[résolu] Perte connexion Mysql 5 après chaque requête d'un script php
[presque résolu] Problème de Session	Changer les droits d'un fichier
Plus de sujets relatifs à : [Résolu] Changer le "body background" en fonction de la résolution

Page générée en 0.046 secondes