Bilder animieren/aufblinken lassen

Question

Hallo,

gibt es die Möglichkeit mit Java/HTML ein hochgeladenes Bild in einem bestimmten Zeitintervall mit einer bestimmten Frequenz aufblinken zu lassen für eine Zählaufgabe?

Viele Grüße

Answer 1

Ja, mittels JavaScript können Sie via window.setTimeout() zeitgesteuert Funktionen starten und über style.display können Sie Element aus. und einblenden.

Für die konkrete Programmierung werden Sie sich allerdings ein wenig in JavaScript einarbeiten müssen.

Comments

Ich habe es nun mit CSS statt JAVA realisiert. Allerdings beginnt nun auch die Kopfzeile mit dem SoSci Logo zu blinken. Der Befehl ist eigentlich relativ simpel:

<div style="text-align: center; margin: 40px 0">
  <img src="Circle.png" alt="Circle">
</div>

<style>
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
img {
    animation: blink 1s;
    animation-iteration-count: infinite;
}
</style>

Gibt es eine Möglichkeit die Kopfzeile vom Befehl auszuschließen?

---

Auch keine schlechte Idee :)

> Gibt es eine Möglichkeit die Kopfzeile vom Befehl auszuschließen?

Gehen Sie anders vor: Geben Sie dem Bild, um welches es geht, mittels `class="blinker"` eine Klasse (hier z.B. "blinker") und ändern Sie dann Ihre CSS-Anweisungen:

...
img.blinker {
    animation: blink 1s;
    animation-iteration-count: infinite;
}
</style>

---

Super das funktioniert und sieht super aus! Vielen Dank!