[JS] Muiscursor op plaatjes

Pagina: 1
Acties:

  • _.Luke._
  • Registratie: September 2001
  • Laatst online: 26-07-2021
Ik heb het volgende script gefabriekt...

function fLeesMuis(e)
{
muisY = event.clientY;
muisX = event.clientX;
}
document.onmousedown = fLeesMuis;

werkt als een trein om de positie van de muis uit te lezen in een complete pagina... maar ik zou graag dit alleen over een afbeelding willen doen.
Op de pagina staat slechts 1 afbeelding en ik zou dan juist de x en y coordinaten van de muis op het plaatje hebben en dus niet in de complete pagina... iemand een idee hoe dat zou kunnen werken?

Trying is the first step towards faillure...


  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

ff rauw uit het hoofd:
de event koppelen aan het element?
code:
1
muisY = document.getElementById('imagenaam').event.clientY;

just a guess..

www.jurgroessen.nl


  • André
  • Registratie: Maart 2002
  • Laatst online: 03-09 14:12

André

Analytics dude

Als je plaatje op 100,100 staat kun je van de clientX en clientY toch gewoon 100 atrekken, en dan heb je de muiscoordinaten t.o.v. het plaatje.

Verwijderd

event.clientX-event.srcElement.offsetLeft;
event.clientY-event.srcElement.offsetTop;
Ik geloof dat dit werkt, maar als je inderdaad de coordinaten van je plaatje weet, dan kun je gewoon dat gebruiken.
offsetTop en offsetLeft geven trouwens de coordinaten tov zijn parentelement aan, dus je moet dat ding dan nog uitbreiden als je plaatje ergens 'in' zit.