<!--
/*************************************************************
* This script is developed by Arturs Sosins aka ar2rsawseen, http://webcodingeasy.com
* Fee free to distribute and modify code, but keep reference to its creator
*
* Background resizer class can be used to display high resolution images as background for websites.
* Class will resize background image for different screen resolutions supporting this criterias:
* fill window from edge to edge
* display largest area posible
* keep image proportions (without streching image)
* hide scrollbars caused by background image
* support most popular browsers (including IE)
*
* Online documentation: http://webcodingeasy.com/JS-classes/High-resolution-image-background-resizer
**************************************************************/
-->
<html>
<head>
</head>
<body style='text-align: center;'>
<div style='width:1000px; margin: 0 auto 0 auto; height:500px; border: 3px solid black;'>
somecontent
<p>somecontent here</p>
<div> and here </div>
</div>
<script type="text/javascript" src="./bg_resizer.packed.js" ></script>
<script type="text/javascript">
//create rating instance
//parameter json with configuration values
bg_resizer("./large_bg.png", {minwidth: 600, minheight: 300, maxwidth: 1920, maxheight: 1280});
</script>
</body>
</html> |
Stumble It!
Bookmark in del.icio.us
Download
