Greasy Fork is available in English.

add-download-btn

add "DOWNLOAD" button to image

このスクリプトは単体で利用できません。右のようなメタデータを含むスクリプトから、ライブラリとして読み込まれます: // @require https://update.greasyfork.org/scripts/495738/1380849/add-download-btn.js

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください。
$.fn.addDownloadBtn = function (
  text,
  className
) {
  var el = $(this);

  if (el.is("img")) {
    var tagLink = "<a>";
    var tagDiv = "<div>";

    var cssDiv = {
      display: "inline-block",
      position: "relative"
    };
    var cssLink = {
      position: "absolute",
      top: "10px",
      right: "10px"
    };

    var elDiv = $(tagDiv).css(cssDiv);

    var elImg = el.clone();
    var elImgSrc = el.attr("src");

    var elLink = $(tagLink)
      .attr("href", $("img").attr("src"))
      .attr("download", "")
      .text(text)
      .addClass(className)
      .css(cssLink);

    var all = elDiv.append(elImg).append(elLink);

    $("img").replaceWith(all);

    return elLink;
  }
};