Es ist schon interessant was man rein mit CSS hinbekommen kann. Ein schön umgesetztes Beispiel ist die von Alin Radulescu erstellte Bildergalerie die auf einen Artikel von Eric Meyer basiert. Eric Meyer sucht die Grenzen des CSS und beschreibt was man alles mit CSS hinbekommen kann.

Dabei liegen die Daten natürlich schon auf der Seite vor – ist somit eine statische Bildergalerie. Wie das ganze funktioniert kann in zwei Sätzen grob erläutert werden.

Der Trick ist simpel und schnell erklärt. In dem a tag befindet sich ein span tag. Standardmäßig ist dieser durch display:none; ausgeblendet. Bei Mouse-Over wird dieser sichtbar gemacht, absolut positioniert und mittels padding und margin ausgerichtet.

Wer mehr zu diesem Thema wissen möchte und die Beschreibung ausführlicher mag, der sollte dann doch die zwei Artikel von Eric Meyer “Pure CSS Popups 1” und “Pure Css Popups 2” lesen.
Evtl. kann man diese CSS Bildergalerie einmal gebrauchen oder als Grundlage für Erweiterungen nutzen. Wenn man das ganze nun noch mit Ajax erweitern würde ist noch einiges mehr drin aber auch so ist das schon ganz nett.