Adapter mon image de fond en fonction de la résolution de l'écran

Adapter mon image de fond en fonction de la résolution de l'écran - HTML/CSS - Programmation

Marsh Posté le 02-07-2007 à 16:36:59    

Plutôt que d'utiliser des frames je voudrais utiliser au final ma photo d'origine que je veux mettre en background, elle fait 3648x2736 et donc je voudrais qu'elle s'adapte aux différentes résolutions d'affichage que l'on peut trouver et ce sans scrolling.  
 
merci de votre aide.

Reply

Marsh Posté le 02-07-2007 à 16:36:59   

Reply

Marsh Posté le 02-07-2007 à 20:32:23    

body{background: url("/img/img.jpg" ) 100% 100%;} ?
 
Mais je te previens ce genre de bidouille est has been, les gens fuiront ton site plutot qu'autre chose (surtout vu le temps de chargement de l'image

Reply

Marsh Posté le 02-07-2007 à 21:43:51    

en ajax tu peux aussi envoyer au serveur les dimensions d'affichage de la fenêtre au serveur, qui va te servir un fichier "fond.php" qui contient l'image redimensionnée.
 
seuls hics :
1/ tu vas surcharger inutilement ton serveur
2/ le redimensionnement à la volée d'une image, surout pour une telle taille c'est généralement pas très heureux
3/ le fond va se charger une fois toute la page chargée (normal, ajax ne démarre que lorsque tous les éléments de la page sont chargés) donc ça va être très moche

Reply

Marsh Posté le 02-07-2007 à 22:01:05    

cela ne fonctionne pas, certe la page internet est rempli mais l'image est tronquée !!!
merci quand même ...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed