❤
npm
Sign UpSign In

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
  }
});

Dependencies (0)

    Dev Dependencies (4)

    Package Sidebar

    Install

    npm i page-scale-js

    Repository

    github.com/lexich/page-scale-js

    Homepage

    github.com/lexich/page-scale-js#readme

    Weekly Downloads

    1

    Version

    0.0.8

    License

    MIT

    Last publish

    Collaborators

    • lexich
    Try on RunKit
    Report malware