Taille ecran du visiteur

fofo73 Messages postés 295 Date d'inscription   Statut Membre Dernière intervention   -  
fofo73 Messages postés 295 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
j'aimerais utiliser la taille de l'ecran du visiteur pour choisir le fond de page(un degrade)comment faire?
merci
A voir également:

1 réponse

Réponse 1 / 1
Stouffi Messages postés 62 Date d'inscription   Statut Membre Dernière intervention   40
 
Salut,

En JavaScript, 

var width = window.screen.width //pour récupérer la largeur de l'écran 
var height = window.screen.height //pour la hauteur


Bye

Edit : window.screen.width et non pas window.width
0
fofo73 Messages postés 295 Date d'inscription   Statut Membre Dernière intervention   8
 
ouai mais comment dire que je veux prendre cette image de fond
0
Stouffi Messages postés 62 Date d'inscription   Statut Membre Dernière intervention   40
 
Toujours en JavaScript ^^,

avec 
document.body.style.backgroundImage = 'urldetonimage';


Tu connais JavaScript ?
0
fofo73 Messages postés 295 Date d'inscription   Statut Membre Dernière intervention   8
 
euh pas trop :)
0
fofo73 Messages postés 295 Date d'inscription   Statut Membre Dernière intervention   8
 
tu peut m'expliquer un peu cette ligne stp
0
Stouffi Messages postés 62 Date d'inscription   Statut Membre Dernière intervention   40
 
Ok, un peu de culture : le JavaScript est un langage de programmation orienté objet qui s'exécute sur le navigateur internet du visiteur. Il permet entre autre de modifier l'aspect de la page (l'image de fond dans ton cas) sans interroger le serveur Web (sans requête http, donc sans rechargement de page). Comme c'est le langage s'exécute sur la machine du visiteur, on peut accéder à des infos sur sa configuration (par exemple les dimensions de son écran)

explication de la ligne :
document, body, style et backgroundImage sont des objets.
document représente le document dans son entier (tout ce qui est écris dans le code html est accessible via document par exmple body => c'est document.body)
body ce n'est autre que le corps du document qui correspondant à la balise <body>.
style c'est un objet qui représente l'ensemble des propriétés CSS appliqués à un élément (ici body => c'est document.body.style)
et backgroundImage c'est une propriété CSS que tu dois connaître (background-image en css)
et à droite du '=' ben c'est l'url de l'image (je pense qu'on doit écrire url('image'); comme en css)

Maintenant, connaissant la largeur de l'écran de l'utilisateur, tu voudrais sélectionner l'image adéquate pour le fond. donc tu dois écrire un petit script JavaScript qui détermine l'image de fond en fonction de la taille de l'écran.

Si tu connais des langage comme le C, le PHP, eh bien le JavaScript c'est pratiquement la même chose pour les structures conditionnelles (if-else) et itératives (while, for)

ouf quel pavé ^^
0

Discussions similaires

À quoi correspond 32x32 US en taille française pour un jean ?
Alison1958 -
Thordendall -

1 réponse
Problème plein écran youtube reste petit
Luu -
Gikma -

7 réponses
Ecran iphone qui est trop grand
patorp -
Proulx -

144 réponses