nicht angemeldet
Ihr habt natürlich beide vollkommen Recht. Das "s" hatte ich leider vergessen.
Aber auch mit "s" funktioniert das ganze immer noch lange nicht. Das Ergebnis sieht zwar schon besser aus, aber immer noch sehr fehlerhaft.
http://www.fotosatzpfeifer.de/html/test_bildwechsel4d.html
Ich habe mittlerweile auch mal ein anderes, sehr ähnliches Script aus dem Internet ausprobiert bzw. umgeschrieben, aber es passiert immer im ersten Durchgang der Animation etwas anderes als in allen weiteren Durchgängen. Wenigstens funktioniert es schon fast. Der Fehler liegt nur noch im Fading des ersten Durchgangs. Aber auch hier bekomme ich es nicht richtig hin. Das Script sieht folgendermaßen aus:
#gallery {
position: relative;
}
#gallery figure {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#gallery figure {
animation: wechseln 15s infinite;
}
@keyframes wechseln {
0% {opacity: 1;}
25% {opacity: 1;}
40% {opacity: 0;}
92% {opacity: 0;}
100% {opacity: 1;}
}
#gallery figure:nth-of-type(2) {
animation-delay: 5s;
opacity: 0;
}
#gallery figure:nth-of-type(1) {
animation-delay: 10s;
opacity: 0;
}
</style>
</head>
<body>
<div id="gallery">
<figure>
<img src="FSP-Eigenschaften1.png" alt="bild1">
</figure>
<figure>
<img src="FSP-Eigenschaften2.png" alt="bild2">
</figure>
<figure>
<img src="FSP-Eigenschaften3.png" alt="bild3">
</figure>
</div>
Und das Ergebnis:
marctrix
Gunnar Bittersmann
JürgenB
Auge
Henry
Matthias Apsel