Coördinaten van een afbeelding

[NielsDesmet]

Hoe definieer ik de X en Y positie van een (door javascript gestuurde) afbeelding in pixels? Ik wil bijvoorbeeld een afbeelding maken die je over het scherm kunt bewegen met behulp van de pijltjestoetsen. Hoe doe ik dat?

 

[haroim]

je kan ze zo ophalen:

var obj = document.getElementById("afbeelding");

links = obj.offsetLeft;
boven = obj.offsetTop;

En dan kan je ze bijvoorbeeld zo veranderen (je moet dan eigenlijk nog wel een event handler eraan toevoegen voor de pijltjes toetsen etc.):

var obj = document.getElementById("afbeelding");

obj.offsetLeft = obj.offsetLeft + 1;
obj.offsetTop = obj.offsetTop +1;

ik heb het niet getest, maar het zou moeten werken. Voor de groote van het plaatje kan je deze nog gebruikern:

breedte = obj.offsetWidth;
hoogte = obj.offsetHeight;

succes :thumb:

 

[NielsDesmet]

Bedankt, het werkt ^_^
Die event handlers zal ik zelf wel uitzoeken =)