✔ Animated Gif bei Tastendruck neu laden

Status
Nicht offen für weitere Antworten.
JJB

JJB

Cogito ergo brumm
Hallo Zusammen !

Ich bin wahrscheinlich viel zu faul alle Einträge mit dem Inhalt Gif durch zu lesen, jedenfalls habe ich nichts zu animierten gifs gefunden.

Und hier meine Frage:

Wie kann ich ein Animated Gif bei Klick auf einen Button neu laden ?

Ich habe da nämlich ein Gif welches eine Animation einmal abspielt und dann stehen bleibt. Bei Tastendruck soll es sich eben neu bewegen.

Eine andere Frage wäre, ob es möglich ist, eine gewisse Zeit nach Tastendruck ein neues Gif zu starten. Dies liegt daran, daß ich munkeln hörte, daß manche Browser dieses Gif trotz seiner Modifikation endlos abspielen werden, so müßte ich beim Klick einmal ein bewegtes laden und nach gewisser Zeit ein unbewegtes.

Hört sich das jetzt schrecklich verkorkst an ?
Naja... so soll es jedenfalls laufen und wenn es keinen höllischen Aufwand fordert, möchte ich dem Schöpfer dieser Idee seine Träume auch nicht zerschlagen.
Mir reicht schon die erste Variante.

Wäre für jede Hilfe dankbar.
 
---

Hallo,
also ich hab noch nie von einem GIF gehört,dass nicht in einer Endlos schleife abgespielt wird. Und dass mit dem Neuladen ich hab noch nie ein JS gesehn, mitdem man einzelne Bilder neu laden kann, immer nur die ganze Seite, da hätte ich eins.
Gruß
olli
 
Ich könnte das in einem eigenen Fenster auf ein Minimum reduzieren. Wie würde ich den refresh schreiben ?



Hier ein Beispiel für ein Animated Gif

Es läuft mit 2 Bildern 5 mal durch.
Drücke F5 und du siehst es.

Animation1.gif


Gibt es denn wirklich keine Möglichkeit nur das Bild auf Knopfdruck neu zu laden ?
 
Zuletzt bearbeitet:
Hab mal ein bischen gebastelt:

Code: 
<html>
<head>
<base target="_self">
<script language="JavaScript">
<!--
p1=new Image(); p1.src="http://www.jjb.webb-hosting.net/Animation1.gif";
function change(p1,pob)
{
window.document.images[p1].src = pob.src;
}
//-->
</script>
</head>
<body>
        
<img border="0" src="http://www.jjb.webb-hosting.net/Animation1.gif" alt="" width="200" height="200">
<br><br>
<a href="#" onclick="change(0,p1)">Klick mich</a>

</body>
</html>


Gruß
smarti
 
Könntest du dieses Codebeispiel ein wenig kommentieren ?
Das sieht interessant aus.
 
@smarti
Danke !

Das hat mir sehr geholfen !
Die Sache mit dem Timeout werde ich sicherlich auch irgendwann brauchen.


MFG JJB


PS:
Das Bild das du verwendest, ist doch das Bild vom sprechenden Brot aus dem KiKa oder ? Der Lückenfüller gegen Mitternacht wenn der Sender kein Programm fährt.... sieht schräg aus.
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück