ねぎ姉さん

  • /*
     * @title ねぎ姉さん
     * @description http://negineesan.com/ で実行するとギャラリーになる
     * @include http://negineesan.com/
     * @license MIT License
     * @require 
     */
    (()=>{
    const root = document.createElement("div");
    root.style.position = "fixed";
    root.style.left = "50%";
    root.style.top = "0";
    root.style.height = "100%";
    root.style.textAlign = "center";
    let current=null;
    const img = root.appendChild(document.createElement("img"));
    img.style.height = "100%";
    const f = e => {
      if (e.target.href) {
        img.src = (current=e.target).href;
        e.preventDefault();
      }
    };
    document.body.addEventListener("click", f);
    const close = root.appendChild(document.createElement("button"));
    close.type = "button";
    close.textContent = "close";
    close.onclick = () => { root.parentElement.removeChild(root); document.body.removeEventListener("click", f); }
    document.body.addEventListener("click", f, true);
    const prev = root.appendChild(document.createElement("button"));
    prev.type = "button";
    prev.textContent = "prev";
    prev.onclick = () => current.previousElementSibling.click();
    const next = root.appendChild(document.createElement("button"));
    next.type = "button";
    next.textContent = "next";
    next.onclick = () => current.nextElementSibling.click();
    document.body.insertAdjacentElement("beforeend", root);
    })();
  • Permalink
    このページへの個別リンクです。
    RAW
    書かれたコードへの直接のリンクです。
    Packed
    文字列が圧縮された書かれたコードへのリンクです。
    Userscript
    Greasemonkey 等で利用する場合の .user.js へのリンクです。
    Loader
    @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
    Metadata
    コード中にコメントで @xxx と書かれたメタデータの JSON です。

History

  1. 2020/06/16 11:51:40 - 2020-06-16