page-scale-js

0.0.8 • Public • Published

page-scale-js

NPM version Bower version

Allow to scale you web-page and you html page reveive image behavior. You shoud to do some simple steps.

  • Add to div layers. #container has adaptive size. #scale-element is scaled.
<body>
  <div id="container">
    <div id="scale-element">
      <!-- You site content  -->
    </div>
  </div>
  <script src="page-scale-js/index.js" />
</body>
  • Include script to page
  • Initialize plugin
PageScaleJs(document.getElementById("scale-element"), {
  width: 1200,  //original width of you site-layer (like original width of image)
  height: 1000, //original heigth of you site-layer (like original height of image)
  from: 1200,   //start width interval (by default equal width parametr)
  to: 1000,     //end width interval (by default equal 0)
  onChangeScale: function(scale) {
    //receive value of scale factor
  }
});

Readme

Keywords

none

Package Sidebar

Install

npm i page-scale-js

Weekly Downloads

1

Version

0.0.8

License

MIT

Last publish

Collaborators

  • lexich