Preloader et détection de résolution d'écran - Forum Langages de programmation divers

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  Langages de programmation divers (Modérateurs: Shain, Lilian, lauryv, ToToMaStEr)
  Preloader et détection de résolution d'écran

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: Preloader et détection de résolution d'écran (Lu 2597 fois)

Preloader et détection de résolution d'écran
« sur: le 26-05-2011 a 16:06:32 »

WebNewbie
Membre récent

Hors-Ligne

Messages: 1

Bonjour à tous,

Je ne m'y connais pas bien en création de site web, mais en tant qu'utilisateur, je trouve dommage d'avoir à faire à des sites apparaissants petits sur un écran haute résolution (1920x1080 pixels par exemple), et en plus devoir attendre quelques secondes que les images s'affichent quand je navigue sur le site. J'ai l'intention de faire un site prochainement et mes 2 questions sont les suivantes, donc:

1. Existe-t-il un procédé permettant de charger automatiquement les images du site dès l'entrée sur le site? Genre preloader pour site flash, mais là ce serait pour un site tout simple en html.

2. Existe-t-il un procédé permettant au site de détecter la résolution d'écran de l'usager et d'adapter automatiquement la taille du site à cette résolution?

J'ai cherché mais n'ai pas encore trouvé la réponse.
Merci

Rapporter au modérateur

Re:Preloader et détection de résolution d'écran
« Répondre #1 sur: le 31-10-2011 a 16:18:05 »

fr4nk
Membre récent

Hors-Ligne

Sexe: Male

Messages: 52

Je suis un alpaga

Préloader html c'est ici:
http://www.jkconception.com/dotclear/index.php/2007/06/08/17-creer-un-preloader-html

Code de détection de résolution d'écran:
Citation:
<html>
<body>
<SCRIPT LANGUAGE="JavaScript1.2">
var largeur=screen.width
var hauteur=screen.height
if(largeur==640 && hauteur==480) {url="page640.htm";}
else if(largeur==800 && hauteur==600) {url="page800.htm";}
else if(largeur==1024 && hauteur==768) {url="page1024.htm";}
else if(largeur==1280 && hauteur==1024) {url="page1280.htm";}
else {url="http://www.jeffprod.com";}
window.location.replace(url);
</SCRIPT>
</body>
</html>

Vous auriez trouvé la même chose avec un moteur de recherche.

Rapporter au modérateur

http://www.astrophysique.net

Re:Preloader et détection de résolution d'écran
« Répondre #2 sur: le 01-11-2011 a 18:03:58 »

Pad
Modérateur Global

Hors-Ligne

Sexe: Male

Messages: 1391

sinon d'autres solutions :

pour le chargements des images, tu les affiches juste après la balise <body> mais en ajoutant pour ces images un style css "display:none"

et pour le choix de la résolution, y'a des techniques plus récentes comme les media queries : http://www.lafermeduweb.net/billet/css3-media-queries-adapter-un-site-a-plusieurs-resolutions-d-ecran-1112.html

Rapporter au modérateur

Webdéveloppeur / Webdesigner Indépendant
http://vincentdapp.fr/
SIRET 517 691 408 00028