Visual fixes

This commit is contained in:
mikka 2026-04-25 17:41:29 +02:00
parent 5c2d166ff4
commit 8f3a1c00a4
2 changed files with 10 additions and 3 deletions

View file

@ -1,5 +1,6 @@
const audios = document.querySelectorAll("audio")
const articles = document.querySelectorAll("article")
const kartenContainer = document.getElementById("flex-container")
outindex = 0
playing = false
playcolor = "#00ff3c"
@ -8,8 +9,12 @@ loop = true
function onplay(id){
id = parseInt(id)
if(id>0){
articles[id-1].style.filter = "grayscale("+(id+1)*50+"%)"
articles[id-1].style.filter = "grayscale("+(id+1)*20+"%)"
articles[id-1].style.boxShadow = "0 0 0px 0px "+playcolor
}
if(articles[id].offsetWidth * id == window.innerWidth/2){
console.log(articles[id].offsetWidth)
kartenContainer.scrollWidth += articles[id].offsetWidth
}
articles[id].style.filter = "grayscale(0%)"
articles[id].style.margin = "8px"
@ -20,11 +25,13 @@ function nächste(id){
audios[id].pause()
id = parseInt(id) + 1
audios[id].play()
onplay(id)
}
function vorherige(id){
audios[id].pause()
audios[id-1].play()
onplay(id-1)
}
function looptrue(){
@ -78,7 +85,7 @@ for (const [index,audio] of audios.entries()){
if (index != audios.length -1){
outindex = index +1
audios[outindex].play()
onplay(index)
onplay(index+1)
}
else{
//Last song ON END