ae/userscripts
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

include todo's

Browse Source
This commit is contained in:
17ms 2023-02-16 23:38:55 +02:00
parent 64e477c6e5
commit 131320d7de
1 changed files with 45 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
visual/4c-gallery.js
View File

@ -7,60 +7,62 @@
// @version 1.0 // @version 1.0
// ==/UserScript== // ==/UserScript==
// TODO: buttons: dl & source, kb shortcuts, improved resizing, webm exclusion
const dragElement = (elem) => { const dragElement = (elem) => {
const dragMouseDown = (e) => { const dragMouseDown = (e) => {
e = e || window.event e = e || window.event
e.preventDefault() e.preventDefault()
pos3 = e.clientX pos3 = e.clientX
pos4 = e.clientY pos4 = e.clientY
document.onmouseup = closeDragElement document.onmouseup = closeDragElement
document.onmousemove = elementDrag document.onmousemove = elementDrag
} }
const elementDrag = (e) => { const elementDrag = (e) => {
e = e || window.event e = e || window.event
e.preventDefault() e.preventDefault()
pos1 = pos3 - e.clientX pos1 = pos3 - e.clientX
pos2 = pos4 - e.clientY pos2 = pos4 - e.clientY
pos3 = e.clientX pos3 = e.clientX
pos4 = e.clientY pos4 = e.clientY
elem.style.top = (elem.offsetTop - pos2) + "px" elem.style.top = (elem.offsetTop - pos2) + "px"
elem.style.left = (elem.offsetLeft - pos1) + "px" elem.style.left = (elem.offsetLeft - pos1) + "px"
} }
const closeDragElement = () => { const closeDragElement = () => {
document.onmouseup = null document.onmouseup = null
document.onmousemove = null document.onmousemove = null
} }
let pos1, pos2, pos3, pos4 let pos1, pos2, pos3, pos4
if (document.getElementsByClassName("drDrag").length > 0) { if (document.getElementsByClassName("drDrag").length > 0) {
document.getElementsByClassName("drDrag")[0].onmousedown = dragMouseDown document.getElementsByClassName("drDrag")[0].onmousedown = dragMouseDown
} else { } else {
elem.onmousedown = dragMouseDown elem.onmousedown = dragMouseDown
} }
} }
const prevImg = () => { const prevImg = () => {
if (i === 0) { if (i === 0) {
i = sources.length - 1 i = sources.length - 1
} else { } else {
i-- i--
} }
galleryElem.src = sources[i] galleryElem.src = sources[i]
} }
const nextImg = () => { const nextImg = () => {
if (i === sources.length - 1) { if (i === sources.length - 1) {
i = 0 i = 0
} else { } else {
i++ i++
} }
galleryElem.src = sources[i] galleryElem.src = sources[i]
} }
const limiter = document.getElementsByClassName("boardBanner")[0] const limiter = document.getElementsByClassName("boardBanner")[0]
@ -71,8 +73,8 @@ newNode.innerHTML = `<div id="drGallery" class="extPanel reply">
<img id="drImg" src="" alt="" /> <img id="drImg" src="" alt="" />
</div> </div>
<div id="drHeader"> <div id="drHeader">
<button id="drPrev">p</button> <button id="drPrev">\<</button>
<button id="drNext">n</button> <button id="drNext">\></button>
</div> </div>
</div>` </div>`
@ -116,7 +118,7 @@ let sources = []
const elems = document.getElementsByClassName("fileThumb") const elems = document.getElementsByClassName("fileThumb")
for (let e of elems) { for (let e of elems) {
sources.push(e.href) sources.push(e.href)
} }
const galleryElem = document.getElementById("drImg") const galleryElem = document.getElementById("drImg")