Titre: Preloader et détection de résolution d'écran
Posté par: WebNewbie le le 26-05-2011 a 16:06:32
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 |
Titre: Re:Preloader et détection de résolution d'écran
Posté par: fr4nk le le 31-10-2011 a 16:18:05
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:<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. |
Titre: Re:Preloader et détection de résolution d'écran
Posté par: Pad le le 01-11-2011 a 18:03:58
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 |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|