Advertisement
sacredgeometry

last try

Sep 16th, 2012
305
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script type="text/javascript" language="javascript">
  2.     var alsoenlarge = true;
  3.     $(function(){
  4.       if(isScalePossible()){
  5.         $('body').css({overflow:'hidden'}); //geen scrollbars
  6.         $('#scalecontainer').css({position: 'absolute', margin: 0}); //centreren met de hand na resize
  7.        
  8.         // Run scale function on start
  9.         scaleSite();
  10.         scaleSite();  
  11.        
  12.         // run scale function on browser resize
  13.         $(window).resize(scaleSite);
  14.       }
  15.     });
  16.     function scaleSite()
  17.     {
  18.         if(isTheRightSize(25)){
  19.           windoww = $(window).width();
  20.           windowh = $(window).height();
  21.           sitew = $('#scalecontainer').width();
  22.           siteh = $('#scalecontainer').height();
  23.           f = windoww/sitew;
  24.           f = windowh/siteh<f?windowh/siteh:f;
  25.           if(!alsoenlarge && f>1) f = 1;
  26.           $('#scalecontainer').css({
  27.             "-moz-transform"    : "scale("+f+")",
  28.             "-webkit-transform" : "scale("+f+")",
  29.             "-ms-transform"     : "scale("+f+")",
  30.             "-o-transform"      : "scale("+f+")",
  31.             "transform"         : "scale("+f+")",
  32.             "left"              : ((windoww-(sitew*f))/2)+"px",
  33.             "top"               : ((windowh-(siteh*f))/2)+"px"
  34.           });
  35.         }
  36.     }
  37.     function isScalePossible()
  38.     {
  39.       can = 'MozTransform' in document.body.style;
  40.       if(!can) can = 'webkitTransform' in document.body.style;
  41.       if(!can) can = 'msTransform' in document.body.style;
  42.       if(!can) can = 'OTransform' in document.body.style;
  43.       if(!can) can = 'transform' in document.body.style;
  44.       if(!can) can = 'Transform' in document.body.style;
  45.       return can;
  46.     }
  47.     function isTheRightSize (minPercent){
  48.         windoww = $(window).width();
  49.         windowh = $(window).height();
  50.         sitew = $('#scalecontainer').width();
  51.         siteh = $('#scalecontainer').height();
  52.    
  53.         // tests if the window is smaller than or equal to 100%
  54.         if(windoww <= sitew){
  55.             // Checks to see if it is at max a percentage smaller
  56.             if(windoww >= (sitew/100)*inPercent){
  57.                 return true;
  58.             }
  59.         } else {
  60.             return false;
  61.         }
  62.     }
  63.  
  64. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement