Wiki:Push: Bilder im Internet/Bilder präsentieren

[Matthias Scharwies]

Guten Abend!

Es gibt ein veraltetes Tutorial:

Bilder im Internet/Bilder präsentieren

Voraus geht das Kapitel „Bilder mit img einbinden“, in dem auch schon figure eingeführt wurde.

Ich würde das gerne neu aufbauen. Thema soll sein, Bilder größer zu präsentieren.

konventionelle Sackgasse

@@Gunnar Bittersmann Wie kann man das klar benennen, dass die Technologie erklärt wird, man aber merkt, dass es so nicht geht?

Evtl. kann man anfangs doch ein Bild mit :hover vergrößern (auch die MDN fängt so an):

<button>
  <img src="" alt="">
</button>

<style>

button: hover,
button:focus {
  width: 20em;
  margin: 2em auto;
  z-index: 10;
}

</style>

und dann kann mit einem erweiterten Beispiel hier gezeigt werden, dass die Bilder dann evtl. außerhalb des Viewports sind.

Intersection Observer

Was haltet ihr von der Intersection Observer API, um zu berechnen, ob eine Großansicht außerhalb des Viewports wäre?

Oben ins Tutorial oder lieber nach unten als Ergänzung?

Popover

Bilder_im_Internet/Bilder_pr%C3%A4sentieren#Popover (Test-Wiki)

Das ist mir schon zu viel HTML - hier würde ich das Beispiel zeigen und ab da mit JavaScript weitermachen, das mir die ganzen figure-Elemente dynamisch erzeugt.

Was haltet ihr davon?

Bitte meldet euch mit Vorschlägen und Anregungen!

Evtl. könnte man Mittwoch einen Stammtisch außer der Reihe organisieren, um das zu planen.

Herzliche Grüße

Matthias Scharwies