Background d'un site

Studsmaster · 22-05-2011 14:55:33

Bonjour à tous.
Je viens vers vous aujourd'hui car je rencontre un soucis. J'ai beau fouiner partout, je ne trouve aucune solution fonctionnelle, hormis quelques bouts de codes non fonctionnels, ou que je n'utilise pas comme il le faut (?).

Voici mon soucis :
J'ai une image, format ".jpg" que je souhaiterai mettre en arrière plan de mon site web. La taille de cette image est de "1024x768".

Mon problème :
L'image ne s'adapte pas à la résolution de l'écran. Donc au final:
- Si ma résolution est élevée: L'image se répète ou alors s'arrête pour laisser place à un fond coloré blanc
- Si ma résolution est faible : L'image est coupée et n'est pas affichée au complet.

Ma question :
Existe-t-il une solution afin de remédier à cela, et ainsi faire de sorte à ce que l'image d'arrière plan s'adapte à la résolution de l'utilisateur?

Merci bien de votre aide,
Xavier.

Maljuna Kris · 22-05-2011 15:17:39

Studsmaster a écrit :

Ma question :
Existe-t-il une solution afin de faire en sorte que l'image d'arrière plan s'adapte à la résolution de l'utilisateur?

Non.
Aucun attribut de la propriété CSS background ne permet, à ma connaissance, de zoomer l'image pointée par l'URL.
Par contre, mais cela serait très gourmand en ressources sur le serveur, il doit être possible, via AJAX, d'appeler la bibliothèque PHP gd, en lui passant en paramètre l'URL de l'image et la taille de l'écran afin de générer une image proportionnelle, mais probablement déformée et au final, j'imagine, assez laide.

Studsmaster · 22-05-2011 15:33:33

Re.
Merci de votre réponse.
Sinon existe-t-il des méthodes javascript fiables? J'en avais trouvé une, cependant elle ne fonctionnait que sous Internet Explorer.

De plus, une question: Est-ce risqué d'utiliser du Javascript? En clair est-ce que le javascript fonctionne chez tout le monde? (Mac, windows, ...)

Merci d'avance,
Xavier.

Maljuna Kris · 22-05-2011 17:41:27

Le spécialiste Javascript, sur ce forum c'est plutôt Pierrot.
Quant à la fiabilité de Javascript ou de tout autre langage, j'aime à penser que c'est plus la manière de s'en servir qui est le plus souvent en cause.
Javascript est censé être un langage embarqué par le navigateur et, un peu comme Java avec la JVM, indépendamment du système d'exploitation.
Toutefois Internet Explorer, embarque un langage propre, très proche de Javascript, mais comme tu l'as toi-même observé, avec des particularismes.
D'autre part, il existe des versions de Javascript et, enfin, l'internaute peut l'avoir désactivé dans son navigateur.

xTG · 23-05-2011 05:56:48

Un background étirable ? Sisi c'est possible en CSS.
http://www.alsacreations.com/actu/lire/ … rable.html

moijhd · 23-05-2011 06:15:43

Pour faire ça, on peut aussi récupérer en Javascript la résolution du client, puis appeler une image différente (de dimensions différentes) suivant la résolution...mais il faut prévoir tous les cas si on veut quelque chose qui colle parfaitement.

Maljuna Kris · 23-05-2011 08:11:40

xTG a écrit :

Un background étirable ? Sisi c'est possible en CSS.
http://www.alsacreations.com/actu/lire/ … rable.html

Il ne s'agit pas, à proprement parler, d'image en background.

xTG · 23-05-2011 16:48:16

Oui enfin c'est assez adaptable pour y ressembler.
Même si la forme n'y est pas, le fond y est. (jeu de mot ou pas jeu de mot ? )

Jc · 27-05-2011 12:15:50

Bonjour,

Il y a deux choses à savoir sur les images via CSS importantes.
La première est que CSS ayant son propre cache, c'est la méthode la plus simple et efficace pour éviter d'affecter les performance de son site notamment avec des images nombreuses voire volumineuses.
La seconde est que les images affichées via des CSS, ne se verront pas à l'impression.

++

Dernière modification par Jc (27-05-2011 12:16:23)

Maljuna Kris · 27-05-2011 12:29:32

Jc a écrit :

La seconde est que les images affichées via des CSS, ne se verront pas à l'impression.

T'es sûr de ça ?
Dans les options de mise en page sur FF tu as :

(décoché par défaut) Imprimer le fond de page (image et couleurs)

Alors je m'interroge.

Jc · 27-05-2011 20:19:26

Bonsoir,

Cela à toujours été sur IE. J'utilise IE9 et FF4 et cela reste vrai sur ces deux navigateurs à ma connaissance. Par contre j'ai pas trouvé ton option sur FF4, mais je doute qu'elle puisse changer les choses.
En effet une image chargée via l'environnement CSS ne se charge pas à proprement parler directement dans le DOM mais reste accessible via le DOM. Un exemple d'une image chargée dans le dom :

<div><a href=" " ..></a></div>

++

Maljuna Kris · 27-05-2011 22:58:46

Désolé de te contredire, mais quand j'active cette option sous FF il m'imprime l'image en background-image.
Comme tu me mettais le doute, je viens d'essayer.
Et d'ailleurs : http://support.apple.com/kb/TS2166?view … cale=fr_FR

Jc · 28-05-2011 13:17:17

Bonjour,

Merci MK, je me demande encore comment j'ai pu passer à côté de ça..

Comme quoi..

PHP|Débutant :: Forums

Advertisement

#1 22-05-2011 14:55:33

Background d'un site

#2 22-05-2011 15:17:39

Re : Background d'un site

#3 22-05-2011 15:33:33

Re : Background d'un site

#4 22-05-2011 17:41:27

Re : Background d'un site

#5 23-05-2011 05:56:48

Re : Background d'un site

#6 23-05-2011 06:15:43

Re : Background d'un site

#7 23-05-2011 08:11:40

Re : Background d'un site

#8 23-05-2011 16:48:16

Re : Background d'un site

#9 27-05-2011 12:15:50

Re : Background d'un site

#10 27-05-2011 12:29:32

Re : Background d'un site

#11 27-05-2011 20:19:26

Re : Background d'un site

#12 27-05-2011 22:58:46

Re : Background d'un site

#13 28-05-2011 13:17:17

Re : Background d'un site

Pied de page des forums