Problemer med "tilfældig" udvælgelse af billeder
Jeg sidder og arbejder på et script der skal bruges lokalt. For at vise jer hvordan det virker, har jeg valgt at lægge det op på min egen server: Squazz.dk/eventKoden kan findes på pastebin her: pastebin.com/VwmEB7U1
Kort om idéen med scriptet:
Tanken er at der først genereres en væg fyldt med billeder. Nogle af disse billeder er statiske billeder (af den vestlige forestilling om hvordan Jesus Kristus ser ud, men lad nu hele den del ligge). Derudover bliver væggen fyldt med portræt-billeder af deltagere til vores event. Idéen er så at deltager-billederne 1-for-1 skal udskiftes med nye billeder af deltagere som ikke bliver vist på skærmen i øjeblikket (første prioritet, anden prioritet er at sørge for at alle billeder bliver vist mindst én gang).
Teknisk om scriptet:
Koden er skrevet som den er da scriptet skal vises på flere forskellige størrelser af skærme. Nogle 16:9, nogle 4:3, nogle 9:16 og andre igen med helt andre mål.
Skærmene styres af hver deres OSX computer/laptop, og scriptet bliver derfor afviklet i en HTML fil med tilhørende lokal mappestruktur (ingen central styring, ingen databaser, ingen server-platform).
Problemerne
Jeg har pt. 2 problemer jeg ikke helt kan adressere
1. Koden går i en evig løkke hvis der er for få tiles (hvis vinduet er for lille, eller er for aflangt eller højt i forhold til den anden side). Jeg har på fornemmelsen at det er min "positionJesusImage()" der giver mig problemer her, jeg kan dog ikke helt se hvad det er jeg egentligt gør forkert
2. Min "changeImage()" skulle meget gerne kun udskifte billederne på væggen med nogen der ikke bliver vist i øjeblikket. Dette sker dog ikke rigtigt, efter nogen tid begynder det samme billede at blive vist flere gange
Jeg håber nogen kan hjælpe mig videre, nu har jeg set mig så blind på koden at jeg ikke rigtigt kommer videre lige foreløbig :/ Skriv endeligt hvis der er noget jeg ikke har gjort klart. Både i opslaget her, men også i koden. Vi øver os vel altid på at skrive koden bedre og pænere ;)