____ ____
__/ \___/ \_
\___/ \___/
__/ \___/ \_
\___/ \___/
Ein Bild sieht dann so aus:
____ B
A \____/ C (Den Rahmen kannst du dir denken)
____/ \
D
Die Bilder werden einfach hintereinander angeordnet, z. B.
<img ... /><img ... /><img ... /><br />
<img ... /><img ... /><img ... /><br />
Die Bilder liegen in einem Array, das n*m Elemente hat (n Zeilen, m Spalten, aber keine HTML-Tabelle(!)). Wird ein Bild angeklickt, so muss erst ermittelt werden, welcher Bereich angeklickt wurde. Man kann dafür entweder jedes Bild als eine ImageMap betrachten, oder über die Koordinaten des Bildes und der Maus gehen. Wird nun ein Bereich angeklickt, z. B. B, so ersetzt du das Bild durch ein Bild, in dem der B-Bereich irgendwie markiert ist, und das darüberlegende Bild (Modulo ist dein Freund) wird mit einem Bild ersetzt, in dem der D-Bereich markiert ist. Je nach dem, ob mehrfache Selektion möglich ist oder nicht, must du die entsprechende Anzahl von Bildern erstellen.
MfG Dimitri Rettig