->*img-link

by noromanba 2016-01-22 [2016/01/22 04:57:56]
(Forked from open large images by os0x)

simple image viewer; open all image-link in new tab/window

@@ -1,6 +1,6 @@
 /*
- * @title open images all
- * @description open all image-link in new tab/window
+ * @title *img
+ * @description simple image viewer; open all image-link in new tab/window
  * @include http://*
  * @contributor os0x        http://let.hatelabo.jp/os0x/let/gYC-xpO93uu1BA (Fork of)
  * @author      noromanba   http://let.hatelabo.jp/noromanba/let/hLHX5oTN2bUh
@@ -30,11 +30,12 @@
         container.appendChild(img);
         container.appendChild(document.createElement('br'));
     });
+    if (container.children.length < 1) return;
 
+    // TODO 'total' merge into 'img.title'
     var total = document.createElement('div');
     total.style.color = '#EEE';
-    // count depends img-div pair. e.q. container.querySelectorAll('img').length
-    total.appendChild(document.createTextNode(container.children.length / 2));
+    total.appendChild(document.createTextNode(container.querySelectorAll('img').length));
     container.insertBefore(total, container.firstChild);
 
     var page = window.open('about:blank', '_blank');

• /*
   * @title *img
   * @description simple image viewer; open all image-link in new tab/window
   * @include http://*
   * @contributor os0x        http://let.hatelabo.jp/os0x/let/gYC-xpO93uu1BA (Fork of)
   * @author      noromanba   http://let.hatelabo.jp/noromanba/let/hLHX5oTN2bUh
   * @license     MIT License http://opensource.org/licenses/MIT
   */
  
  (function () {
      var container = document.createDocumentFragment().appendChild(document.createElement('div'));
  
      var style = container.style;
      style.marginLeft = 'auto';
      style.marginRight = 'auto';
      style.maxWidth = '100%';
      style.textAlign = 'center';
  
      var index = 0;
      // TBD immidiately append w/ interval, omit fragment
      Array.prototype.slice.call(document.links).forEach(function (link) {
          if(!/\.(jpe?g|png|gif)(\?|$)/i.test(link)) {
              return;
          }
  
          var img = document.createElement('img');
          img.src = link;
          img.title = (index += 1);
  
          container.appendChild(img);
          container.appendChild(document.createElement('br'));
      });
      if (container.children.length < 1) return;
  
      // TODO 'total' merge into 'img.title'
      var total = document.createElement('div');
      total.style.color = '#EEE';
      total.appendChild(document.createTextNode(container.querySelectorAll('img').length));
      container.insertBefore(total, container.firstChild);
  
      var page = window.open('about:blank', '_blank');
      page.document.title = document.title;
      page.document.body.style.backgroundColor = '#000';
  
      page.document.body.appendChild(container);
  })();
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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