img fitter

by noromanba 2015-05-19 [2015/05/19 05:46:43]

fit image to window

@@ -6,13 +6,14 @@
  * @javascript_url
  */
 
+// TODO observe window resize
 // sloppy
 [].slice.call(document.body.querySelectorAll('img, [style*="background-image"]')).forEach(function (node) {
-/*
-  node.style.maxHeight = document.documentElement.clientHeight + 'px';
-/*/
-  node.style.maxHeight = document.body.clientHeight + 'px';
-//*/
+  node.style.maxHeight = Math.min(
+    window.innerHeight,
+    document.documentElement.clientHeight,
+    document.body.clientHeight
+  ) + 'px';
   node.style.width = 'initial';
   node.style.backgroundRepeat = 'no-repeat';
 });

• /*
   * @title img fitter
   * @description fit image to window
   * @include http://*
   * @license MIT License http://opensource.org/licenses/MIT
   * @javascript_url
   */
  
  // TODO observe window resize
  // sloppy
  [].slice.call(document.body.querySelectorAll('img, [style*="background-image"]')).forEach(function (node) {
    node.style.maxHeight = Math.min(
      window.innerHeight,
      document.documentElement.clientHeight,
      document.body.clientHeight
    ) + 'px';
    node.style.width = 'initial';
    node.style.backgroundRepeat = 'no-repeat';
  });
  
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。