Rolf B: Image aus Gallery vergrößern

Beitrag lesen

Hallo Pit,

ich bin da nicht SO das Genie, aber ich würde

  • die Klasse flexbox in gallery umbenennen (Klassen sagen, was das ist, nicht wie es aussehen soll)
  • den border-radius zusammen mit overflow:hidden auf die figure legen, statt das auf den Kind-Elementen mühsam zu fummeln
  • die img korrekt attributieren (alt) - aber das hast Du bestimmt nur für den schnellen Test weggelassen
  • Einen Klick-Handler auf .gallery legen, der Klicks auf Figures und deren Inhalte behandelt. - Bei Klick ein Backdrop-DIV mit position:fixed;width:100vw height:100vh über die Galerie legen und das img mit max-width:100% dort hinein. Das img kann mit üblichen Techniken zentriert werden (z.B. flexbox), und du kannst den Backdrop später durch Controls für Links-/Rechts oder durch Timer-Funktionen ergänzen, die das Karussell erzeugen.

Ich habe an deinem Fiddle mal was rumgespielt... https://jsfiddle.net/wz7otxba/2/

Rolf

--
sumpsi - posui - clusi