Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1503 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1474163
Profil sup​primé
Posté le 12-11-2006 à 14:31:26  answer
 

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 :
  1. <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
mood
Publicité
Posté le 12-11-2006 à 14:31:26  profilanswer
 

n°1474164
FlorentG
Unité de Masse
Posté le 12-11-2006 à 14:34:00  profilanswer
 

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

n°1474168
Profil sup​primé
Posté le 12-11-2006 à 14:40:57  answer
 

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 :
  1. <script type="text/javascript" language="JavaScript">
  2. if (screen.width!=800|screen.height!=600)
  3. <body background="images/fond_automne_800_600.jpg">
  4. if (screen.width!=1024||screen.height!=768)
  5. <body background="images/fond_automne_1024_768.jpg">
  6. if (screen.width!=1280||screen.height!=1024)
  7. <body background="images/fond_automne_1280_1024.jpg">
  8. </script>


mais ca ne marchait pas

n°1474291
gatsu35
Blablaté par Harko
Posté le 12-11-2006 à 23:38:20  profilanswer
 

Code :
  1. <script type="text/javascript">
  2. window.onload=function() {
  3.    var sw = screen.width;
  4.   var img = "800_600";
  5.   if (sw>=1024) img = "1024_768";
  6.   if (sw>=1280) img = "1280_1024";
  7. document.body.style.background="url(images/fond_automne_"+img+".jpg) no-repeat center center"
  8. }
  9. </script>

n°1474294
Profil sup​primé
Posté le 13-11-2006 à 00:14:25  answer
 

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

n°1474324
FlorentG
Unité de Masse
Posté le 13-11-2006 à 09:22:00  profilanswer
 

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 :(

n°1474423
shurik84
Posté le 13-11-2006 à 11:43:06  profilanswer
 

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

Aller à :
Ajouter une réponse
  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 SessionChanger les droits d'un fichier
Plus de sujets relatifs à : [Résolu] Changer le "body background" en fonction de la résolution


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR