search by img

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

search similar images by image

@@ -1,10 +1,26 @@
 /*
- * @title 画像検索
- * @description ブックマークレットを実行したあと、画像をクリックして画像検索できます
+ * @title search by img
+ * @description search similar images by image
  * @include http://*
- * @license MIT License
- * @require 
+ * @include https://*
+ * @license MIT License http://www.opensource.org/licenses/mit-license (Fork of)
+ * @contributor amachang http://let.hatelabo.jp/amachang/let/gYC-xauujbmgLw
+ * @author noromanba https://flavors.me/noromanba
+ * @require
  */
 
+// Changes
+// - searchable image with link
+// TODO
+// - background-url image
 
-for (var i = 0; i < document.images.length; i++) (function(e) { e.onclick = function() { location.href = 'http://www.google.co.jp/searchbyimage?image_url=' + encodeURIComponent(e.src) } })(document.images[i]); alert('検索したい画像をクリックしてください');
+Array.prototype.slice.call(document.querySelectorAll('img')).forEach(function (img) {
+    img.style.cursor = 'help';
+
+    img.addEventListener('click', function (evt) {
+        evt.preventDefault(); // event cancel, further propagation. e.g. <a><img></a>
+
+        var node = evt.target;
+        location.href = 'https://www.google.com/searchbyimage?image_url=' + encodeURIComponent(node.src);
+    }, false);
+});

• /*
   * @title search by img
   * @description search similar images by image
   * @include http://*
   * @include https://*
   * @license MIT License http://www.opensource.org/licenses/mit-license (Fork of)
   * @contributor amachang http://let.hatelabo.jp/amachang/let/gYC-xauujbmgLw
   * @author noromanba https://flavors.me/noromanba
   * @require
   */
  
  // Changes
  // - searchable image with link
  // TODO
  // - background-url image
  
  Array.prototype.slice.call(document.querySelectorAll('img')).forEach(function (img) {
      img.style.cursor = 'help';
  
      img.addEventListener('click', function (evt) {
          evt.preventDefault(); // event cancel, further propagation. e.g. <a><img></a>
  
          var node = evt.target;
          location.href = 'https://www.google.com/searchbyimage?image_url=' + encodeURIComponent(node.src);
      }, false);
  });

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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