djstool Posté(e) le 7 juin 2008 Posté(e) le 7 juin 2008 Bonjour tout le monde, j'ai un soucis et je ne sais pas comment les autres font donc voici le topo : j'ai une image en fond (background) de site internet, cependant, cette image est en 1024*768. Mon image de fond est mise à 100% en fond mais le soucis réside dans le fait qu'en changeant de résolution, celle ci se pixelise! je ne sais pas comment je peux faire pour empecher ceci! un exemple de site qui ne pixelise pas avec une imga de fond :Urban Rivals Comment ceci est possible?? merci d'avance :)
Ryu Posté(e) le 7 juin 2008 Posté(e) le 7 juin 2008 L'image de fond du site que tu as mis en lien est répétée en fait. Donc c'est pour ca qu'elle ne pixelise pas.
Mephisto Posté(e) le 10 juin 2008 Posté(e) le 10 juin 2008 sinon, suivant la resolution, tu appliques un fond different (php/javascript, simple a metter en place)
Space Posté(e) le 11 juin 2008 Posté(e) le 11 juin 2008 Un code javascript qui donne l'effet cherché: <script language="Javascript" type="text/javascript"> if (screen.width == 1440) { var img_width = 1440; } else if (screen.width == 1280) { var img_width = 1280 } else if (screen.width == 1024) { var img_width = 1024 } else if (screen.width <= 800) { var img_width = 800 } else { var img_width = 1600 }; document.write('<style type="text/css" media="screen">'); document.write(' Body { background: url(\'images/background' + img_width + '.jpg\') }; '); document.write('</style>'); </script>
Messages recommandés
Archivé
Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.