ねぎ姉さん
by
fuysr4
2020-06-16 [2020/06/16 11:51:40]
http://negineesan.com/ で実行するとギャラリーになる
/*
* @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 です。