☰

add-download-btn

add "DOWNLOAD" button to image

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/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;
  }
};

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址