img fitter Fork

  • /*
     * @title img fitter
     * @description fit image to window
     * @include http://example.com/user-include-as-you-like/*
     * @license MIT License http://opensource.org/licenses/MIT
     * @javascript_url
     */
    
    // synergy w/ Tab navigation as UserScript c.f.
    // http://let.hatelabo.jp/noromanba/let/hJmeuMHlo4hw
    // http://let.hatelabo.jp/noromanba/let/hLHW67STx8oc
    
    // e.g.
    // http://www.moae.jp
    
    // TODO observe window resize
    (function () {
      var document = window.document,
          slice = Array.prototype.slice;
    
      var fit = function (ctx) {
        if (!ctx.querySelectorAll) return;
    
        slice.call(ctx.querySelectorAll('img, [style*="background-image"]')).forEach(function (node) {
          node.style.maxHeight = Math.min(
            window.innerHeight,
            document.documentElement.clientHeight
          ) + 'px';
          node.style.width = 'initial';
          node.style.backgroundRepeat = 'no-repeat';
        });
      };
      fit(document.body);
    
      new MutationObserver(function (records) {
        records.forEach(function (record) {
          fit(record.target);
        });
      }).observe(document.body, { childList: true, subtree: true });
    }());
    
    
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2015/05/18 20:46:43 - 2015-05-18
  2. 2015/05/18 18:58:13 - 2015-05-18
  3. 2015/05/17 18:46:29 - 2015-05-17
  4. 2015/04/26 21:46:52 - 2015-04-26
  5. 2015/04/07 20:08:07 - 2015-04-07
  6. 2015/03/31 19:39:04 - 2015-03-31
  7. 2015/03/30 00:02:29 - 2015-03-30
  8. 2015/03/29 23:48:03 - 2015-03-29