Fotos und das Details-Tag
Ich mag die Möglichkeiten, die das Details-Tag bietet, um Fotos in der Ansicht vergrößert anbieten zu können.
Animationen funktionieren (derzeit) aber nur beim Öffnen, nicht beim Schließen des Details-Tag.
Beim Details-Tag muss der Mensch stets aktiv klicken, hier passiert also nichts unvermittelt, wie es bei Hover-Effekten der Fall sein kann und leider auch bei Skripten eingesetzt wird.
Details-Tag sind schlank, etwa im Vergleich zu vergleichbaren Cascading-Style-Sheets-Anweisungen oder Scripten.
Das Öffnen des Details-Tag wird im Browser auch nicht gespeichert – nutzt der Mensch also gern und häufig den Zurück-Button des Browsers, wird er ausschließlich zu den geöffneten Seiten geführt, nicht aber zu den (mitunter zahlreich) geöffneten / vergrößerten Fotos.
Schließlich erlaubt das Details-Tag auch, ohne Aufwand begleitend Text zum vergrößerten Bild hinzuzufügen – und wenn das vergrößerte Foto des Details-Tag nicht absolut positioniert wird, muss der Mensch das Details-Tag auch nicht schließen, um den folgenden Inhaltsbereich weiter lesen zu können:
Beim Vergrößern eines Bildes via Details-Tag bleibt der Nutzer auf der jeweils geöffneten Seite.
Details-Tag – ohne absolute Positionierung
So verwende ich das Details-Tag am liebsten; alle oben genannten Vorteile bleiben erhalten:
„Kreisel-Spiele“ –
Die gesamte Knospe ein Kreisel …
Beliebig viel Text kann hinzugefügt werden und / oder weitere Bilder.
Inhalt, der diesem Details-Tag folgt, ist verfügbar, ohne das Details-Tag schließen zu müssen:
Details-Tag – mit absolute Positionierung
Inhalt, der diesem absolut positioniertem Tag folgt, ist nur dann verfügbar, wenn das Details-Tag geschlossen wird – nachfolgender Inhalt wird ansonsten überdeckt:
Variante via Direkt-Verlinkung aufs Bild
Sollte schon deswegen nicht verwendet werden, weil der Speicher des Browsers „zugemüllt“ wird … und man nur mit der Zurück-Taste des Browsers wieder zur Inhaltsseite kommt …
Klick aufs Bild zeigt ein größeres Blütenbild dieser Rose:
