Tipps für viele Bilder - Redundanz vermeiden

[Matthias Apsel]

Hallo Maetzzen,

Die Fotoalben sind auf verschiedene HTML-Seiten verteilt, eben nach Vereinsfesten oder Jahrgängen geordnet. Dazu habe ich mehrere Tabellen erstellt, in denen sich Pro Zeile vier Miniaturbilder befinden, welche dann beim anklicken das größere Bild in der Lightbox anzeigen.

Eine Tabelle ist nicht das geeignete Markup.

Nur leider wird das alles immer unübersichtlicher, je mehr Fotos ich hinzufüge, was an folgendem Beispiel bestimmt nachvollziehbar ist:

Ja, das bleibt nicht aus. Alles, was du darstellen möchtest, muss auch in das HTML geschrieben werden. Redundanzen kannst du nur unter Nutzung einer serverseitigen Programmiersprache vermeiden.

Ich schlage folgendes Markup vor:

<h1>Galerien</h1>
<h2>Ausfahrt Black Forest</h2>
<ul>
  <li>
    <a href="..." data-lightbox="..." title="..."><img src="..."></a>
    <!-- ... -->
  </li>
</ul>
<h2> 
   <!-- ... -->

<h1 class="headliner">Ausfahrt Black Forest</h1>
    <table class="albumcover">
    <tr><td><a href="../fotos/alben/ausfahrt/blackforest2016/1.jpg" data-lightbox="roadtrip" title="Ausfahrt 2016"><img src="../fotos/alben/ausfahrt/blackforest2016/1mini.jpg" class="albumcover"/></a></td>

Deine Bilder brauchen noch ein alt-Attribut mit einem aussagekräftigen Alternativtext, ein title-Attribut für die Links ist hingegen nicht unbedingt notwendig.

Nun zu meiner Frage. Inwiefern ist es schlimm, wenn ein HTML/PHP Dokument aus sehr vielen immer wiederkehrenden Zeilen besteht, außer der Tatsache, dass ich die Übersicht verliere?

Gar nicht.

Wie kann ich das Problem beseitigen?

s.o.

Wie kann ich also auch mehrere (hundert) Bilder auf einer Website darstellen ohne dass es mit einem riesigen Dokument (was die Anzahl der Zeilen und Zeichen angeht) endet?

Das HTML-Dokument muss alles enthalten, was angezeigt werden soll. Im erzeugenden (z.B.) PHP-Dokument kannst du die redundanten Teile in Schleifen verpacken.

Vielleicht sollte man auch nicht alle Galerien in eine Seite packen, sondern die noch nach Jahren gruppieren.

Bis demnächst
Matthias