Baubiologie Kraus Bildergalerie

Bildergalerie - Baubiologie Kraus -

Eine sehr wichtige, aber auch "komplizierte" Seite...
Es handelt sich schließlich aktuell um über 40 einzelne "Themen" in äh 4(?) Katergorien.
Wäre es eine einfache Galerie, bei der Bilder aufpoliert und vergrößert werden, wäre das alles kein Problem, aber eigentlich ist diese Bildergalerie
keine echte Bildergalerie, sondern eher so etwas wie eine Fallbeschreibungsübersicht mit Bildern.
Es gibt verschiedene Ansätze:

Wie bei der ursprünglichen Site mit einer Datenbank und PHP. Die Vorteile lägen auf der Hand:
- Ich kann die Datenbank und die Scripte (funktionieren ja wieder) verwenden
- Die Nachteile sind leider, dass Vite und PHP nicht gut miteinander "können"
Ein anderer Ansatz wäre die Verwendung von Tabs.
- Der Vorteil liegt im dynmischen Anzeigen von Inhalten.
Die "Pflege" der Galerie wäre nicht besonders schwer, da sich große Teile des Codes immer wiederholen.
- Der Nachteil liegt im enormen Zeitaufwand für das Erstellen der einzelnen Inhalte. Hier wäre ein Framework mit Modulen eine gute Wahl.
Natürlich könnte man beides kombinieren, das Gerüst in eine Datenbank oder ein Script und den eigentlichen Content statisch programmieren.
Zum Abschluss die einfachste, die statische Lösung: Dabei wird der komplette Inhalt in dieser Datei erzeugt externe Datenquellen sind nicht erforderlich.
Der Nachteil ist der immense Schreibaufwand...
PHP - Detail - Link

Die folgende Lösung entspricht der bisherigen. Diese Seite (HTML) zeigt die Thumbs, nennt man übrigens "Cards", die Detailseite, die man durch anklicken des Bildercontainers erreicht, ist in PHP geschrieben. Sie liest die Datenbank aus und stellt die Bilder dar. Die Bilder sind mit einer einfachen Lightbox vergrößerbar.
Das Beste an der ganzen Geschichte ist, dass die ganze Sache voll responsiv ist, der Nachteil ist, dass die Detailseite mit Bootstrap arbeitet, nicht mit Tailwind, daher verzichte ich auf ein Menü und verwende nur Backlinks. Natürlich könnte man auch eine Navigation mit Bootstrap nachbilden, mal sehen...
Die Erweiterbarkeit ist gegeben, so lange das Script funktioniert. Die Reihenfolge ist leicht veränderbar, da man dazu nur die Container (Cards) hin und her kopieren muss. Die Breite der Thumbnails sollte schmal gehalten werden, wegen der Responsivität. Man könnte die Thumbnailbreite jedoch ein wenig erhöhen, müsste man nur die Grid - Einteilung ein wenig verändern.
Das Design ist vollkommen offen und abänderbar, die Logik an sich nicht.
Ich beschränke mich bei den Schadstoffen auf 17 Beispiele, die den ersten 17 der Originalsite entsprechen. Die anderen Themen übernehme ich komplett.

Auf dieser Seite haben wir für Sie einen Auszug aus unserer Arbeit in Form einer Bildergalerie erstellt. Wir freuen uns, wenn Sie sich die Zeit nehmen, die Dinge anzusehen die Sie interessieren. Für Fragen stehen wir Ihnen gerne zur Verfügung.

Geopathologie Elektrosmog Allgemeines