Thomas: Frage zum Wiki-Artikel „Bildwechsler“

Beitrag lesen

problematische Seite

Danke Gunnar!

Hier das danach abgeänderte Script:

div { position: relative }

img {
	animation-name: bildwechsler;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	position: absolute;
}

img:nth-of-type(2)
{
	animation-delay: 2s;
}

img:nth-of-type(3)
{
	animation-delay: 4s;
}

@keyframes bildwechsler
{
	  0% { opacity: 0 }
	 33.3% { opacity: 1 }
	 66.6% { opacity: 1 }
	100% { opacity: 0 }
}


</style>

</head>

<body>

<div>
  <img src="FSP-Eigenschaften1.png">
  <img src="FSP-Eigenschaften2.png">
  <img src="FSP-Eigenschaften3.png">
</div>

Und hier das Ergebnis:

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

Übrigens für alle, die bisher die Hinweise darüber gegeben haben, dass man Texte nie als Bilder erstellen sollte und dass Animationen immer anhaltbar sein müssen:

  1. Meine Textbilder enthalten die Photoshopgestaltungsfunktionen "abgeflachte Kante" und "Schein nach außen".

  2. Die Animation muss auf meiner Webseite nicht anhaltbar sein, denn erstens wird sie langsam sein und zweitens gibt es auf dieser Titelseite nicht allzu viel zu sehen und erst recht nichts zu tun, so dass man sich eher in anderen Gefilden aufhält. Man verweilt also nur kurz dort, nicht viel länger als man braucht, um sich die Animation anzuschauen.

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