画像の下にURLを表示 Fork

    @@ -1,19 +1,16 @@ /* * @title 画像の下にURLを表示 - * @require jQuery + * @javascript_url */ - $(function(){ + (function(){ - $('img').each(function(){ + const imgs = document.getElementsByTagName('img'); - if($(this).attr('src')) + for (let i = 0;i < imgs.length;i++) { - $(this).after($('<a />') + if (!imgs[i].src) continue; - .text( $(this).attr('src') ) + let a = document.createElement('a'); - .attr('href', $(this).attr('src')) + a.href = a.text = imgs[i].src; - .attr('target','_blank') + a.target = '_blank'; - .css({ + a.style = 'position:relative;z-index:100'; - 'position': 'relative', + imgs[i].after(a); - 'z-index': 100 + } - }) + })();- ); - }); - });
  • /*
     * @title 画像の下にURLを表示
     * @javascript_url
     */
    
    (function(){
      const imgs = document.getElementsByTagName('img');
      for (let i = 0;i < imgs.length;i++) {
        if (!imgs[i].src) continue;
        let a = document.createElement('a');
        a.href = a.text = imgs[i].src;
        a.target = '_blank';
        a.style = 'position:relative;z-index:100';
        imgs[i].after(a);
      }
    })();
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2019/08/14 03:07:31 - 08/14
  2. 2014/09/27 10:51:44 - 2014-09-27
  3. 2014/09/27 10:50:58 - 2014-09-27
  4. 2014/09/27 10:49:12 - 2014-09-27
  5. 2014/09/27 10:46:15 - 2014-09-27
  6. 2014/09/27 10:42:39 - 2014-09-27
  7. 2014/09/27 10:40:15 - 2014-09-27
  8. 2013/06/01 07:28:36 - 2013-06-01
  9. 2013/06/01 07:27:06 - 2013-06-01
  10. 2013/06/01 07:25:33 - 2013-06-01
  11. 2013/03/12 01:58:38 - 2013-03-12
  12. 2013/02/07 13:04:39 - 2013-02-07
  13. 2013/02/07 13:00:58 - 2013-02-07
  14. 2013/02/07 12:59:31 - 2013-02-07
  15. 2012/09/02 10:33:14 - 2012-09-02