Adventskalender - 2 Lösungen

[rolfrost]

hi Steve,

ich möchte einen Online Adventskalender basteln. Nun übelege ich mir gerade die Lösung. Das Prinzip soll sein: 2 übereinander gelagerte Bilder. Immer wenn ein Türchen geöffnet wird, soll mehr und mehr das darunter liegende Bild erscheinen.

Lösung 1.)
Ein Image in 4x7 Bildchen aufteilen. Die 24 Bilder verlinken. Beim Klick Bild nurch neues  austauschen (über ID-Name ansprechbar)

1. Klick: Tür auf, Inhalt wird gezeigt
2. Klick: Inhalt wird entnommen
3. Klick: Box ist leer

So verhielten sich jedenfalls die Adventskalender die mir so in den letzten 47 Jahren begegnet sind.

Lösung 2.)
2 gleich grösse DIVS übereinander legen. Beim oberen DIV ein ImageMap definieren und wenn man klickt das unter Bild teilweise mit CLIP Funktion freigeben.

Welche Lösung findet Ihr besser. Lösung 1 ist einfacher , braucht aber mehr Code. Lösung 2 ist es wohl mühsam bis man die Koordinaten findet oder nicht?

nun, mühsam ist das nicht die paar Werte aus einer Grafik abzutippen.

Viele Grüße, Rolf