Frage zum Wiki-Artikel „Bildwechsler“

[JürgenB]

Hallo,

#gallery figure:first-of-type {
    position:relative;
    top:1em;
}

wobei ich den Wert top:1em empirisch ermittelt habe. Vielleicht hat ja noch jemand eine Idee, wie man das besser machen kann.

ich habe noch mal nachgedacht und eine Idee, wie man das top:1em loswerden kann. Ursache ist der Zeilenumbruch zwischen den Bildern. Setzt man die Bilder auf display: inline-block, geht es ohne Positionierung:

#gallery figure {
  position: absolute;
	display: inline-block;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-animation: wechseln 15s infinite;
  animation: wechseln 15s infinite;
}

#gallery figure:last-of-type {
  position: relative;
}

Ich habe meinen Entwurf mal in meinem Testbereich online gestellt:

Beispiel Bildwechsler 2

Sollte man das ins Wiki übernehmen?

Gruß
Jürgen