Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script type="text/javascript" language="javascript">
- var alsoenlarge = true;
- $(function(){
- if(isScalePossible() && isRightSize(25)){
- $('body').css({overflow:'hidden'}); //geen scrollbars
- $('#scalecontainer').css({position: 'absolute', margin: 0}); //centreren met de hand na resize
- // Run scale function on start
- scaleSite();
- scaleSite();
- // run scale function on browser resize
- $(window).resize(scaleSite);
- }
- });
- function scaleSite()
- {
- windoww = $(window).width();
- windowh = $(window).height();
- sitew = $('#scalecontainer').width();
- siteh = $('#scalecontainer').height();
- f = windoww/sitew;
- f = windowh/siteh<f?windowh/siteh:f;
- if(!alsoenlarge && f>1) f = 1;
- $('#scalecontainer').css({
- "-moz-transform" : "scale("+f+")",
- "-webkit-transform" : "scale("+f+")",
- "-ms-transform" : "scale("+f+")",
- "-o-transform" : "scale("+f+")",
- "transform" : "scale("+f+")",
- "left" : ((windoww-(sitew*f))/2)+"px",
- "top" : ((windowh-(siteh*f))/2)+"px"
- });
- }
- function isScalePossible()
- {
- can = 'MozTransform' in document.body.style;
- if(!can) can = 'webkitTransform' in document.body.style;
- if(!can) can = 'msTransform' in document.body.style;
- if(!can) can = 'OTransform' in document.body.style;
- if(!can) can = 'transform' in document.body.style;
- if(!can) can = 'Transform' in document.body.style;
- return can;
- }
- function isTheRightSize (minPercent){
- windoww = $(window).width();
- windowh = $(window).height();
- sitew = $('#scalecontainer').width();
- siteh = $('#scalecontainer').height();
- // tests if the window is smaller than or equal to 100%
- if(windoww <= sitew){
- // Checks to see if it is at max a percentage smaller
- if(windoww >= (windoww/100)*inPercent){
- return true;
- }
- } else {
- return false;
- }
- }
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement