Advertisement
sacredgeometry

for Stefan

Sep 16th, 2012
338
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() && isRightSize(25)){
  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.       windoww = $(window).width();
  19.       windowh = $(window).height();
  20.       sitew = $('#scalecontainer').width();
  21.       siteh = $('#scalecontainer').height();
  22.       f = windoww/sitew;
  23.       f = windowh/siteh<f?windowh/siteh:f;
  24.       if(!alsoenlarge && f>1) f = 1;
  25.       $('#scalecontainer').css({
  26.         "-moz-transform"    : "scale("+f+")",
  27.         "-webkit-transform" : "scale("+f+")",
  28.         "-ms-transform"     : "scale("+f+")",
  29.         "-o-transform"      : "scale("+f+")",
  30.         "transform"         : "scale("+f+")",
  31.         "left"              : ((windoww-(sitew*f))/2)+"px",
  32.         "top"               : ((windowh-(siteh*f))/2)+"px"
  33.       });
  34.     }
  35.     function isScalePossible()
  36.     {
  37.       can = 'MozTransform' in document.body.style;
  38.       if(!can) can = 'webkitTransform' in document.body.style;
  39.       if(!can) can = 'msTransform' in document.body.style;
  40.       if(!can) can = 'OTransform' in document.body.style;
  41.       if(!can) can = 'transform' in document.body.style;
  42.       if(!can) can = 'Transform' in document.body.style;
  43.       return can;
  44.     }
  45.     function isTheRightSize (minPercent){
  46.         windoww = $(window).width();
  47.         windowh = $(window).height();
  48.         sitew = $('#scalecontainer').width();
  49.         siteh = $('#scalecontainer').height();
  50.    
  51.         // tests if the window is smaller than or equal to 100%
  52.         if(windoww <= sitew){
  53.             // Checks to see if it is at max a percentage smaller
  54.             if(windoww >= (windoww/100)*inPercent){
  55.                 return true;
  56.             }
  57.         } else {
  58.             return false;
  59.         }
  60.     }
  61.  
  62. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement