fork download
  1. var DataPosition = {};
  2.  
  3. DataPosition.largeurMinZone = 800;
  4. DataPosition.hauteurMinZone = 500;
  5.  
  6.  
  7.  
  8. DataPosition.largeurImageFond = 1600;
  9. DataPosition.hauteurImageFond = 1080;
  10.  
  11. DataPosition.hauteurFenetre = 0;
  12. DataPosition.largeurFenetre = 0;
  13.  
  14. DataPosition.bgMargeHaut = 0;
  15. DataPosition.bgMargeGauche = 0;
  16.  
  17. DataPosition.margeGaucheInitiale = 200;
  18. DataPosition.margeHautInitiale = 150;
  19. DataPosition.margeBasInitiale = 150;
  20.  
  21. var pcx= 0.5;
  22. var pcy= 0.5;
  23.  
  24. DataPosition.centreBackground = function(){
  25.  
  26. DataPosition.largeurFenetre = $(window).width();
  27. DataPosition.hauteurFenetre = $(window).height();
  28.  
  29. var minDyBG = (DataPosition.hauteurImageFond - DataPosition.margeHautInitiale - DataPosition.margeBasInitiale - DataPosition.hauteurMinZone)*pcy
  30.  
  31. //if(DataPosition.largeurFenetre < DataPosition.largeurImageFond) {
  32. DataPosition.bgMargeGauche = (DataPosition.largeurFenetre - DataPosition.largeurImageFond)*pcx +100;
  33. DataPosition.bgMargeHaut = (DataPosition.hauteurFenetre - DataPosition.hauteurImageFond)*pcy ;
  34. DataPosition.bgMargeGauche = Math.max(DataPosition.bgMargeGauche,-DataPosition.margeGaucheInitiale);
  35. DataPosition.bgMargeHaut = Math.max(DataPosition.bgMargeHaut,-minDyBG);
  36.  
  37.  
  38. var paddingLeftContenu = DataPosition.margeGaucheInitiale + (DataPosition.largeurFenetre - DataPosition.margeGaucheInitiale - DataPosition.largeurMinZone) / 2
  39. paddingLeftContenu = Math.max(paddingLeftContenu,DataPosition.margeGaucheInitiale);
  40.  
  41. var paddingTopContenu = DataPosition.margeHautInitiale + (DataPosition.hauteurFenetre - DataPosition.margeHautInitiale - DataPosition.margeBasInitiale - DataPosition.hauteurMinZone) / 2
  42. paddingTopContenu = Math.max(paddingTopContenu,DataPosition.margeHautInitiale);
  43.  
  44.  
  45. $('#contenuPage').css({
  46. backgroundPosition:DataPosition.bgMargeGauche+'px '+DataPosition.bgMargeHaut+'px',
  47. paddingLeft: paddingLeftContenu+"px",
  48. paddingTop: paddingTopContenu+"px"
  49. });
  50.  
  51. $('#contenuPage').css('height',DataPosition.hauteurFenetre-(paddingTopContenu+DataPosition.margeBasInitiale));
  52. $('#contenuPage').css('width',DataPosition.largeurFenetre-paddingLeftContenu);
  53.  
  54. //}
  55. };
  56.  
  57. $(window).resize(function(){
  58. DataPosition.centreBackground();
  59. });
  60.  
  61. $(document).ready(function(){
  62. $('#contenuPage').css({
  63. minHeight: DataPosition.hauteurMinZone,
  64. minWidth: DataPosition.largeurMinZone
  65. });
  66. DataPosition.centreBackground();
  67. });
Runtime error #stdin #stdout 0.31s 213696KB
stdin
Standard input is empty
stdout
Standard output is empty