nicht angemeldet
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:
-
Meine Textbilder enthalten die Photoshopgestaltungsfunktionen "abgeflachte Kante" und "Schein nach außen".
-
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.
marctrix
Gunnar Bittersmann
JürgenB
Auge
Henry
Matthias Apsel