Ajaxschmiede.de

David King hatte wohl zu viel mit Linux zu tun. Anders kann man sich es nicht erklären, dass er aus Spaß an der Freude vor kurzem eine JavaScript-Version des bekannten Tools Xeyes geschrieben hat.

Zur Umsetzung nutzte er lediglich einige Grafiken, simples JavaScript und das Anwenden von Trigonometrie in der Praxis.

Um das Gimmick im eigenen Projekt zu nutzen, müssen die Datei eyes.js eingebunden, die Augen-Bilder eingebaut und die Funktion aufgerufen werden. Beispielsweise wie folgt:

<script type="text/javascript" src="eyes.js"></script>
<div id="myEye" style="width: 100px; height: 100px; background: url('white.png') center center no-repeat;">
<img src="pupil.png" width="30" height="30" />
</div>
<script type="text/javascript">
EYES.follow ('myEye');
</script>

Viel Spaß damit!