Advertisement
alisamii

hypeScale.js

Dec 19th, 2012
51
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 1.33 KB | None | 0 0
  1. var alsoenlarge = true;
  2. $(function(){
  3.     if(isScalePossible()){
  4.         $('body').css({overflow:'hidden'}); //no scroll bars
  5.         $('#scalecontainer').css({position: 'absolute', margin: 0}); //centering by hand after resize
  6.        
  7. // Run scale function on start
  8.         scaleSite();
  9.         scaleSite();  
  10.        
  11.         // run scale function on browser resize
  12.         $(window).resize(scaleSite);
  13.     }
  14. });
  15. function scaleSite()
  16. {
  17.     windoww = $(window).width();
  18.     windowh = $(window).height();
  19.     sitew = $('#scalecontainer').width();
  20.     siteh = $('#scalecontainer').height();
  21.     f = windoww/sitew;
  22.     f = windowh/siteh<f?windowh/siteh:f;
  23.     if(!alsoenlarge && f>1) f = 1;
  24.     $('#scalecontainer').css({
  25.         "-moz-transform"    : "scale("+f+")",
  26.         "-webkit-transform" : "scale("+f+")",
  27.         "-ms-transform"     : "scale("+f+")",
  28.         "-o-transform"      : "scale("+f+")",
  29.         "transform"         : "scale("+f+")",
  30.         "left"              : ((windoww-(sitew*f))/2)+"px",
  31.         "top"               : ((windowh-(siteh*f))/2)+"px"
  32.     });
  33. }
  34. function isScalePossible()
  35. {
  36.     can = 'MozTransform' in document.body.style;
  37.     if(!can) can = 'webkitTransform' in document.body.style;
  38.     if(!can) can = 'msTransform' in document.body.style;
  39.     if(!can) can = 'OTransform' in document.body.style;
  40.     if(!can) can = 'transform' in document.body.style;
  41.     if(!can) can = 'Transform' in document.body.style;
  42.     return can;
  43. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement