画像のみ表示時に連番画像を生成

let.hatelabo.jp

// ==UserScript==
// @name        renban_load_zero
// @namespace   http://d.hatena.ne.jp/jigendaddy/
// @include     *.jpg
// @include     *.png
// @version     1
// @grant       none
// ==/UserScript==
if (/\d/g.test(location.href)) {
  if (window.confirm("連番画像を生成します。連番前にゼロの付加を行いますか？")) {
    var keta = window.prompt("付加するゼロも含めて何桁の連番を生成しますか？\n半角英数で入力してください");
  }
  if (keta > 0) {
    var b_url = window.prompt("連番以外の文字列と連番の範囲を入力してください。\n付加するゼロは入力しないでください\nex.http://test/[1-10].jpg", location.href);
  } else {
    b_url = window.prompt("連番以外の文字列と連番の範囲を入力してください。\nex.http://test/[1-9].jpg", location.href);
  }
  var str1 = b_url.split("[");
  var m_str = str1[0];
  var str2 = str1[1].split("]");
  //m_strは連番前の文字列、str2[0]は連番、str2[1]は連番後の文字列
  var str3 = str2[0].split("-");
  var r_start = str3[0];
  var r_end = str3[1];
  document.body.innerHTML = '';
  var links = '';
  if (keta > 0) {
    while (r_start <= r_end) {
      var tmp = String(r_start);
      links += '<img src="' + m_str + tmp.padStart(keta, "0") + str2[1] + '" style="position:relative">';
      r_start++;
    }
  } else {
    while (r_start <= r_end) {
      links += '<img src="' + m_str + r_start + str2[1] + '" style="position:relative">';
      r_start++;
    }
  }
  var area = document.createElement('div');
  area.style.display = 'block';
  area.style.position = 'absolute';
  area.style.top = 0;
  area.style.left = 0;
  area.style.textAlign = 'left';
  area.innerHTML = links;
  document.body.appendChild(area);
  document.body.style.display = 'block';
}