D.R.: Bildergalerie

Beitrag lesen

Hallo,

Dazu steht sogar was <http://de.selfhtml.org/dhtml/beispiele/bilderbuch.htm@title=in der Dokumentation>.

Danke für den Hinweis. Allerdings hatte ich gehofft, eine "abwechslungsreichere" Möglichkeit zu finden. Also dass nicht alle Bilder gleich aufgebaut werden, sondern das erste vielleicht von rechts "eingeschoben", das nächste von der Mitte her aufbauend und das dritte wieder anders. Sowas habe ich leider nicht gefunden.

HTML ist halt nicht „Impress“ oder „Power Point“, deshalb wird es nicht so einfach sein, etwas derartiges zu realisieren.

Mal ein paar Vorschläge, mit welchen CSS-Eigenschaften man solche Effekte umsetzen könnte:
 • Verschiebung: position:relative und einem wert für left/top/bottom oder right
 • opacity:0.x -> Langsames ein-/ausblenden der Bilder in modernen Browsern (FF, Opera >= 9, IE >= 7)
 • width/ height -> Größe ändern

Das wären ein paar Möglichkeiten, die mir einfielen. Um das Ganze beweglich zu machen, müsstest du eine Funktion mit window.setTimeout in gleichmäßigen Abständen immer weider aufrufen und der Wert jeweils ein wenig erhöhen oder verkleinern (speichere ihn dir am Besten in einer Variable).

Willst du das Ganze dann auch noch nach Zufall ablaufen lassen, könntest du Math.random verwenden.

Das Problem, gegenüber einem normalen Bildwechsel ist, dass immer mindestens 2 Bilder gleichzeitig angezeigt werden müssen und du deshalb nicht einfach das src-Attribut ändern kannst.

Fakt ist, dass es diese Effekte um einiges schwieriger machen. Vor allem, weil es ohne JavaScript überhaupt nicht realisierbar ist.
Falls du dagegen auf diese Effekte verzichten kannst, wäre das Ganze auch mit PHP machbar[1], sofern das dein Provider unterstützt versteht sich.

Mir geht es momentan allerdings mehr um die Effekte, als um die Galerie selbst. Sorry, falls das missverständlich war.

Naja, das war es eigentlich nicht!
Ich wollte dich lediglich warnen ;-)

Ich habe bereits eine Idee, wie ich das Grundgerüst mit den Thumbnails und den Originalbildern aufbaue. Mir fehlen nur die Effekte,

s.o.

Und wenn sich das nur mit JS machen lässt, dann würde ich es auch damit versuchen. Ich bin mir der Vorteile von PHP zwar bewusst, aber in diesem Fall würde ich einfach mal darauf verzichten.

Es geht aber doch nicht um deinem Vorteil, sondern um den Vorteil deiner Anwender. Aber vielleicht kannst du ja auch einfach beides irgendwie kombinieren, sodass User ohne JS eben keine Animationen sehen, sich aber trotzdem die Bilder anschauen können.

mfg. Daniel