画像の下にURLを表示

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

@@ -1,10 +1,19 @@
 /*
  * @title 画像の下にURLを表示
- * @require http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
+ * @require jQuery
  */
 
 $(function(){
   $('img').each(function(){
-    $(this).after($('<a />').attr('href', $(this).attr('src')).text($(this).attr('src')).attr('target','_blank'));
+    $(this).after(
+      $('<a />')
+        .attr('href', $(this).attr('src'))
+        .text($(this).attr('src'))
+        .attr('target','_blank')
+        .css({
+          'position': 'relative',
+          'z-index': 100
+        })
+    );
   });
 });

• /*
   * @title 画像の下にURLを表示
   * @require jQuery
   */
  
  $(function(){
    $('img').each(function(){
      $(this).after(
        $('<a />')
          .attr('href', $(this).attr('src'))
          .text($(this).attr('src'))
          .attr('target','_blank')
          .css({
            'position': 'relative',
            'z-index': 100
          })
      );
    });
  });

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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