search by img

by noromanba 2017-10-27 [2017/10/27 16:40:57]
(Forked from 画像検索 by amachang)

search similar images by image

@@ -3,14 +3,12 @@
  * @description search similar images by image
  * @include http://*
  * @include https://*
- * @license MIT License http://www.opensource.org/licenses/mit-license
  * @contributor amachang http://let.hatelabo.jp/amachang/let/gYC-xauujbmgLw (Fork of)
- * @author noromanba https://flavors.me/noromanba
+ * @author      noromanba http://let.hatelabo.jp/noromanba/let/gYC-yuC1yoHyZw
+ * @license MIT License http://www.opensource.org/licenses/mit-license
  * @require
  */
 
-// Changes
-// - handle image-link
 // TODO
 // - background-url image
 
@@ -28,4 +26,4 @@
         var imgurl = evt.target.src;
         location.href = 'https://www.google.com/searchbyimage?image_url=' + encodeURIComponent(imgurl);
     }, false);
-});
+});

• /*
   * @title search by img
   * @description search similar images by image
   * @include http://*
   * @include https://*
   * @contributor amachang http://let.hatelabo.jp/amachang/let/gYC-xauujbmgLw (Fork of)
   * @author      noromanba http://let.hatelabo.jp/noromanba/let/gYC-yuC1yoHyZw
   * @license MIT License http://www.opensource.org/licenses/mit-license
   * @require
   */
  
  // TODO
  // - background-url image
  
  // c.f. http://ptech.g.hatena.ne.jp/noromanba/20121114/1352977145
  Array.prototype.slice.call(document.querySelectorAll('img')).forEach(function (img) {
      img.style.cursor = 'help';
  
      img.addEventListener('click', function (evt) {
          // event cancel, stop propagation. e.g. <a><img></a>, click-handlier
          // c.f. https://developer.mozilla.org/en/docs/DOM/event.preventDefault
          //      https://developer.mozilla.org/en-US/docs/DOM/event.stopPropagation
          evt.preventDefault();
          evt.stopPropagation();
  
          var imgurl = evt.target.src;
          location.href = 'https://www.google.com/searchbyimage?image_url=' + encodeURIComponent(imgurl);
      }, false);
  });
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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