Hallo,

ich würde gerne mal wissen, wie ich eine Art "Find it" hinbekomme.

Dazu stell ich ein beliebiges Bild auf meine Homepage und möchte nun,
einzelne Punkte wenn ich sie anklicke als richtig oder falsch auswerten,
wie in den bekannten Touch it - Photo find - Automaten.

muss ich über das Bild ein "overlay" legen und die genauen Punkte fixieren?

Im Vorraus vielen Dank für Tipps und Ratschläge


MFG

Sascha

Hallo,

du könntest mit absolut positionierten Ankern und JavaScript arbeiten. Was sind denn die Voraussetzungen?

Mit nur einem Fehler pro Bild, würde sich das sogar mit purem CSS umsetzen lassen.

Gruß, lotti.

__________________
Empfehlenswerte Links:
jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint

Ich würde ein img nehmen und eine ul mit den einzelnen Punkten. Wenn beide Elemente denselben Containing Block haben (z.B. ein div mit position: relative), kannst Du die einzelnen li mit position: absolute; hinlegen wo Du willst.

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)