Résolution page Web par rapport à la fenêtre
Fermé
koalatic
Messages postés
330
Date d'inscription
lundi 9 juillet 2007
Statut
Membre
Dernière intervention
11 août 2015
-
Modifié par koalatic le 28/10/2012 à 06:04
Heliotte Messages postés 1491 Date d'inscription vendredi 26 octobre 2012 Statut Membre Dernière intervention 28 janvier 2013 - 30 oct. 2012 à 06:15
Heliotte Messages postés 1491 Date d'inscription vendredi 26 octobre 2012 Statut Membre Dernière intervention 28 janvier 2013 - 30 oct. 2012 à 06:15
A voir également:
- Résolution page Web par rapport à la fenêtre
- Supprimer une page word - Guide
- Traduire une page web - Guide
- Web office - Guide
- Capture page web - Guide
- Page de garde rapport de stage - Guide
2 réponses
Heliotte
Messages postés
1491
Date d'inscription
vendredi 26 octobre 2012
Statut
Membre
Dernière intervention
28 janvier 2013
92
30 oct. 2012 à 00:00
30 oct. 2012 à 00:00
Bonsoir koalatic,
Si tu envoie une page Internet à une personne, tu peux demander à son ordinateur de te rendre les valeur max de son écran avec du JaveScript.
Après, pour les dimmensions, soit tu l'inclus dans ton fichier principal, soit tu fait appel à un fichier de mise en page qui ne concerne que ce type d'affichage
Si tu envoie une page Internet à une personne, tu peux demander à son ordinateur de te rendre les valeur max de son écran avec du JaveScript.
Après, pour les dimmensions, soit tu l'inclus dans ton fichier principal, soit tu fait appel à un fichier de mise en page qui ne concerne que ce type d'affichage
koalatic
Messages postés
330
Date d'inscription
lundi 9 juillet 2007
Statut
Membre
Dernière intervention
11 août 2015
21
30 oct. 2012 à 04:10
30 oct. 2012 à 04:10
Votre réponse m'est plutôt vague puisque c'est ce que je demande en partant : ce que vous me dites.
Mais j'ai finnallement trouver la solution. J'ai du créer un code jquery externe permettant au chargement de la page de détecter la résolution de la fenêtre web. Le code est le suivant:
Remarquez que j'ai utiliser Closure Compiler Service de Google pour alléger mon code.
À la deuxième ligne il est possible de voir le texte:" img.intelbg", c'est une classe css que j'utilise dans un fichier css pour ma page html.
Mais j'ai finnallement trouver la solution. J'ai du créer un code jquery externe permettant au chargement de la page de détecter la résolution de la fenêtre web. Le code est le suivant:
function redimensionnement(){var d=$("img.intelbg"),b=d.width(),a=d.height(),e=b/a,b=a/b,a=$(window).width(),c=$(window).height();a/c>=e?d.css({width:a+"px",height:Math.ceil(b*a)+"px",left:"0px",top:Math.abs(b*a-c)/-2+"px"}):d.css({width:Math.ceil(e*c)+"px",height:c+"px",top:"0px",left:Math.abs(e*c-a)/-2+"px"})}$(document).ready(function(){redimensionnement();$(window).resize(function(){redimensionnement()})});
Remarquez que j'ai utiliser Closure Compiler Service de Google pour alléger mon code.
À la deuxième ligne il est possible de voir le texte:" img.intelbg", c'est une classe css que j'utilise dans un fichier css pour ma page html.
Heliotte
Messages postés
1491
Date d'inscription
vendredi 26 octobre 2012
Statut
Membre
Dernière intervention
28 janvier 2013
92
30 oct. 2012 à 06:15
30 oct. 2012 à 06:15
Le principal c'est d'y arriver ! Et vous l'avez fait. Super