High!
"eigentlich" ganz einfach: Man gibt deren Größe über CSS relativ an, etwa in %, eventuell auch in em, dann sind sie relativ zur Schriftgröße. Und die Bildschirmauflösung hat nun wirklich nichts damit zu tun; was du meinst, ist allenfalls die Fenstergröße.
Na gut, später mal...
Hier hängst du dem document-Objekt ein Attribut namens onClick an. Erstens meinst du wahrscheinlich gar nicht das document-Objekt, sondern eins deiner img-Objekte.
Ach, man kann die Attributknoten direkt in schon definierten Objekten erzeugen? Das wusste ich nicht...
Bis bald im Khyberspace!
Yadgar