HTML [Image selon la résolution]
RainMaker
-
jessicatte Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
jessicatte Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
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.
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]
- Réduire résolution image - Guide
- Editeur html - Télécharger - HTML
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Légender une image - Guide
2 réponses
<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
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
https://forums.commentcamarche.net/forum/affich-15416590-help-changer-image-header-selon-resolution
