search by img Fork

    @@ -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
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2017/10/27 07:40:57 - 10/27
  2. 2016/02/25 18:57:11 - 2016-02-25
  3. 2016/02/25 18:50:41 - 2016-02-25
  4. 2013/02/19 01:45:18 - 2013-02-19
  5. 2013/02/19 01:44:10 - 2013-02-19
  6. 2013/02/19 01:41:45 - 2013-02-19
  7. 2012/11/20 17:01:15 - 2012-11-20
  8. 2012/11/15 09:20:06 - 2012-11-15
  9. 2012/11/15 09:18:19 - 2012-11-15
  10. 2012/11/15 09:14:39 - 2012-11-15