a) Also die ‘Doof’-Methode (besonders bei gleichgroßen Bildern
anwendbar) mit einer transitional-Variante von (X)HTML:
- Bildergalerie nach Themen organisieren
- Inhaltsverzeichnis/Index der Themen anbieten
- Pro Thema alle kleinen Vorschaubildchen erstellen und
diese verwenden, um in einem iframe das Hauptbild
anzuzeigen (Verweis mit
Und die Sache funktioniert (iframe-Größe ist die der Bilder oder
jeweils größte Höhe und Breite unter allen Bildern). Ist zwar
nicht schön, geht aber sogar ohne CSS (und ohne PHP).
b) Die CSS-Variante kann man eigentlich nur verwenden, wenn
man nicht mehr als sagen wir drei Bilder pro Thema hat.
Vorgehen ähnlich wie oben, nur ohne iframe und die Struktur
sieht etwas anders aus, etwa so (gibt da diverse Varianten):
Pro Bild dann sowas:
<div class="popBild">
<img class="Vorschau" src="Vorschau/Bild.jpg" alt="Alternativtext zum Vorschaubild" />
<img class="Bild" src="Bild.jpg" alt="Alternativtext zum Vorschaubild" />
</div>
Dann das CSS:
div.popBild img.Bild
{
position: absolute;
top: 5em:
right: 2em;
display: none
}
div.popBild:hover img.Bild
{
display: block
}
Statt position: absolute könnte auch fixed sinnvoll sein,
jedenfalls sollte man da mit top/bottom/left/right eine
Stelle angeben, wo das Bild sinnvoll hinpaßt.
Man kann auch div.popBild relativ positionieren und dann
img.Bild wieder absolute, das ist dann interessanterweise
relativ zum div.popBild ;o)
Alternativen gibt es auch noch, wo man nur noch mit
CSS-Hintergrundbildern agiert, das bedeutet dann effektiv, daß
die Bilder rein gar keine Information enthalten (CSS = Dekoration,
keine Information).
Halbwegs sinnvolle Anwendung (keine Galerie!), hier Beispiel 4:
http://hoffmann.bplaced.net/hilfe.php?me=mehrcss2&in=cssaufklappliste#klappliste
c) Methode mit oder ohne PHP, wenn ohne, dann mit einer
(X)HTML-Datei pro Bild:
Die jeweilige (X)HTML-Datei enthält die Vorschaubilder zum
Thema und ein großes Bild.
Das Vorschaubild verweist jeweils auf die (X)HTML-Datei mit dem
jeweiligen großen Bild.
Mit PHP wäre das ein Skript pro Thema oder pro Galerie, wo dann
jeweils nur das Hauptbild oder eben auch die Vorschaubilder
ausgetauscht werden, da hat man dann viel weniger Arbeit als
für jedes Bild eine Datei bereitzustellen.
Empfehlenswert ist jedenfalls, das Vorschaubild zur großen
Datei nicht in derselben Datei mit dem großen Bild darzustellen
oder wenigstens nicht damit auf die Datei zu verweisen, die man
sich bereits anguckt. Da wird es dann auch mit PHP etwas
kniffliger, aber auch machbar ;o)
Ich habe da auch eine Variante, da kann man auch noch die
CSS-Dekoration wählen und man kann zudem zwischen den
Ausgaben in XHTML+CSS und der in SVG+CSS umschalten -
das ist dann die Verfeinerung zum Thema Bildergalerie, die man
aktuell noch sehr selten sieht ;o)