Thomas: Frage zum Wiki-Artikel „Bildwechsler“

Beitrag lesen

problematische Seite

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:

http://www.fotosatzpfeifer.de/html/test3_bildwechsel4d.html

0 55

Frage zum Wiki-Artikel „Bildwechsler“

Thomas
  • css
  • frage zum wiki
  1. 0
    marctrix
    1. 0
      Thomas
      1. 0
        marctrix
        1. 0
          Thomas
  2. 0
    Gunnar Bittersmann
    1. 0
      marctrix
      1. 0
        marctrix
      2. 0
        Gunnar Bittersmann
        1. 0
          Thomas
          1. 0
            JürgenB
            1. 0
              Thomas
          2. 0
            Gunnar Bittersmann
            1. 0
              Thomas
              1. 0
                marctrix
              2. 0
                Gunnar Bittersmann
                • css
                • html
                1. 0
                  Thomas
                  1. 0
                    marctrix
                    1. 0
                      Thomas
                      1. 0
                        marctrix
                        1. 0
                          Thomas
                          1. 0
                            Auge
                            1. 0
                              Gunnar Bittersmann
                              • design
                          2. 0
                            marctrix
                            1. 0
                              Thomas
                          3. 3
                            Gunnar Bittersmann
                            1. 0
                              Thomas
                              1. 0
                                Auge
                                1. 0
                                  Thomas
                                2. 1
                                  Roger Rabbit von Plid
                              2. 1
                                marctrix
                                1. 0
                                  Thomas
                                  1. 0
                                    JürgenB
                                    1. 0
                                      Thomas
                                      1. 0
                                        JürgenB
                                      2. 0
                                        marctrix
                                        1. 3
                                          Henry
                                          1. 0
                                            marctrix
                                            1. 0
                                              Henry
                                  2. 2
                                    Gunnar Bittersmann
                                    1. 0
                                      Thomas
                                  3. 2
                                    marctrix
                                    1. 0
                                      marctrix
                                      1. 0
                                        Thomas
                                        1. 0
                                          marctrix
                                          1. 0
                                            Thomas
                                            1. 0
                                              marctrix
                        2. 1
                          Gunnar Bittersmann
          3. 0
            marctrix
            1. 0
              Gunnar Bittersmann
              1. 0
                marctrix
                1. 0
                  Matthias Apsel
                  • menschelei
                  1. 0
                    marctrix
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        marctrix