title: How can i change the height of turnjs page
body: <p>here i am using turn js flip library and i want to change the height of turnjs page. here it is calculating the height of page by using the client height. now i need to change the height of the page to lets say 700px. how can i do this?</p>
  
  <pre><code>&lt;script type='text/javascript'&gt;
      (function () {
          'use strict';
          var module = {
              ratio: 1.38,
              init: function (id) {
                  var me = this;
                  if (document.addEventListener) {
                      this.el = document.getElementById(id);
                      this.resize();
                      this.plugins();
                      window.addEventListener('resize', function (e) {
                          var size = me.resize();
                          $(me.el).turn('size', size.width, size.height);
                      });
                  }
              },
              resize: function () {
                  this.el.style.width = '';
                  this.el.style.height = '';
                  var width = this.el.clientWidth,
                  height = Math.round(width / this.ratio),
                  padded = Math.round(document.body.clientHeight * 0.9);  
                  if (height &gt; padded) {
                      height = padded;
                      width = Math.round(height * this.ratio);
                  }
                  this.el.style.width = width + 'px';
                  this.el.style.height = height + 'px';
                  return {
                      width: width,
                      height: height
                  };
              },
              plugins: function () {
                  $(this.el).turn({
                      gradients: true,
                      acceleration: true
                  });
                  document.body.className = 'hide-overflow';
              }
          };
          module.init('book');
      }());
  &lt;/script&gt;
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="t"&gt;
      &lt;div class="tc rel"&gt;
          &lt;div class="book" id="book"&gt;    
              &lt;div class="page page1"&gt;
                  &lt;img src="image600x650.png"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>