HTML [Image selon la résolution]

Fermé

RainMaker - 15 nov. 2007 à 17:10
jessicatte Messages postés 5 Date d'inscription lundi 30 novembre 2009 Statut Membre Dernière intervention 10 décembre 2009 - 30 nov. 2009 à 17:14

Bonjour,

Je dois créer un texte entièrement en HTML, donc je le commence, je met un header, un menu dans une autre frame, enfin le site ce présente bien, mais aujourd huit j'ai regarder mon site depuis un Pc ayant pour résolution 1024*768 alors que j'ai travaillé sur un pc ayant 1280*1024.

Donc les image sont trop grandes sur les petites résolution, alors j'aimerais que l'image se réduise lorsque je passe sur une résolution plus petite afin d'éviter le scrolling en bas de la page.

Apparament il serait possible de le faire a partir de la balise <div> </div> mais je ne sais qu'elle attribut ajouter a l'intérieur.

Merci d'avance

Rainmaker.

A voir également:

HTML [Image selon la résolution]
Image iso - Guide
Editeur html - Télécharger - HTML
Acronis true image - Télécharger - Sauvegarde
Faststone image viewer - Télécharger - Visionnage & Diaporama
Image iso windows 10 - Guide

2 réponses

Réponse 1 / 2

nEm3sis Messages postés 710 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 9 avril 2012 113
16 nov. 2007 à 11:30

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

tiré du code source de ce site : http://spheria.free.fr/

et dans tes fichier tu doi avoir plusieurs images de taille différentes

Réponse 2 / 2

jessicatte Messages postés 5 Date d'inscription lundi 30 novembre 2009 Statut Membre Dernière intervention 10 décembre 2009
30 nov. 2009 à 17:14

jaurai pu repondre ic i :( dsl, jai repondu la, jarive pas a adapter ce code peut etre paskil y a body? :

https://forums.commentcamarche.net/forum/affich-15416590-help-changer-image-header-selon-resolution

Discussions similaires

la balise <br> ou <br />

probleme sommet

Comment enlever le rouge sur la photo svp ?

positionner une image dans une page html