Als eerste moet ik vertellen, dat ik weinig tot geen ervaring heb met Javascript. Ik heb echter ervaring met andere programmeertalen en weet dus zo ongeveer hoe alles in elkaar zit.
Ik heb 2 bestaande Javascript een stukje omgeschreven, zodat ze ongeveer doen wat ik wil. Er blijft echter 1 probleem. In het bestaande script wordt de functie die ik wil alleen uitgevoerd als ik een bepaalde div rondsleep (.draggable), ik wil echter dat hij telkens wanneer de muis beweegt wordt uitgevoerd. (het gaat hier om een dynamische schaduw achter een logo, waarbij de cursor het "licht" is).
Is er een bepaalde waarde die ik aan de functie moet meegeven om hem telkens bij het bewegen van de muis uit te voeren?
Code van alleen de functie (mocht er meer nodig zijn, let me know):
[JS]function moveShadow(){
lightX = parseInt(lightbulb.offset().left) + lightCenterX;
lightY = parseInt(lightbulb.offset().top) + lightCenterY;
logoX = parseInt(logo.offset().left) + logoCenterX;
logoY = parseInt(logo.offset().top) + logoCenterY;
distanceX = logoX - tempX;
distanceY = logoY - tempY;
distance = Math.sqrt(Math.pow(distanceX, 2) + Math.pow(distanceY, 2));
shadowDistance = distance * shadowOffset;
shadowPosLeft = (distanceX / distance * shadowDistance + tempX - logoShdwCenterX) + "px";
shadowPosTop = (distanceY / distance * shadowDistance + tempY - logoShdwCenterY) + "px";
logoshadow.css({ "left": shadowPosLeft, "top": shadowPosTop, "opacity": setOpacity(shadowDistance) });
}[/JS]
edit: ik moet wellicht nog even melden dat ik het met event.MOUSEMOVE heb geprobeerd, maar dan wordt dat ding gewoon helemaal niet meer uitgevoerd
Ik heb 2 bestaande Javascript een stukje omgeschreven, zodat ze ongeveer doen wat ik wil. Er blijft echter 1 probleem. In het bestaande script wordt de functie die ik wil alleen uitgevoerd als ik een bepaalde div rondsleep (.draggable), ik wil echter dat hij telkens wanneer de muis beweegt wordt uitgevoerd. (het gaat hier om een dynamische schaduw achter een logo, waarbij de cursor het "licht" is).
Is er een bepaalde waarde die ik aan de functie moet meegeven om hem telkens bij het bewegen van de muis uit te voeren?
Code van alleen de functie (mocht er meer nodig zijn, let me know):
[JS]function moveShadow(){
lightX = parseInt(lightbulb.offset().left) + lightCenterX;
lightY = parseInt(lightbulb.offset().top) + lightCenterY;
logoX = parseInt(logo.offset().left) + logoCenterX;
logoY = parseInt(logo.offset().top) + logoCenterY;
distanceX = logoX - tempX;
distanceY = logoY - tempY;
distance = Math.sqrt(Math.pow(distanceX, 2) + Math.pow(distanceY, 2));
shadowDistance = distance * shadowOffset;
shadowPosLeft = (distanceX / distance * shadowDistance + tempX - logoShdwCenterX) + "px";
shadowPosTop = (distanceY / distance * shadowDistance + tempY - logoShdwCenterY) + "px";
logoshadow.css({ "left": shadowPosLeft, "top": shadowPosTop, "opacity": setOpacity(shadowDistance) });
}[/JS]
edit: ik moet wellicht nog even melden dat ik het met event.MOUSEMOVE heb geprobeerd, maar dan wordt dat ding gewoon helemaal niet meer uitgevoerd
Laatst bewerkt: