画像の下にURLを表示

by kenafad 2019-08-14 [2019/08/14 12:07:31]

@@ -1,19 +1,16 @@
 /*
  * @title 画像の下にURLを表示
- * @require jQuery
+ * @javascript_url
  */
 
-$(function(){
-  $('img').each(function(){
-    if($(this).attr('src'))
-    $(this).after($('<a />')
-      .text( $(this).attr('src') )
-      .attr('href', $(this).attr('src'))
-      .attr('target','_blank')
-      .css({
-          'position': 'relative',
-          'z-index': 100
-      })
-    );
-  });
-});
+(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);
+  }
+})();

• /*
   * @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 LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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