animated gif

[Jack]

Hi, wir haben eine Gif-Animation in unsere Homepage eingebaut. Sie soll nicht als Endlos-Schleife laufen, also aufhören. Es wäre aber schön, sie würde bei erneutem Anklicken des Links neu ablaufen. Dies tut sie nur beim Neuladen der kompletten Homepage. Kann man in links einbauen, dass die Seite neu geladen wird?
danke im Voraus, Jakob

[Sincere]

Hi, wir haben eine Gif-Animation in unsere Homepage eingebaut. Sie soll nicht als Endlos-Schleife laufen, also aufhören. Es wäre aber schön, sie würde bei erneutem Anklicken des Links neu ablaufen. Dies tut sie nur beim Neuladen der kompletten Homepage. Kann man in links einbauen, dass die Seite neu geladen wird?
danke im Voraus, Jakob

------

Hallo Jakob

Setz die Animation am besten in ein iframe (so wird nicht die ganze site neu geladen) und versehe sie mit einem Link.
Beim a-Tag setzt du noch folgenden onClick Befehl:

onclick="setTimeout('location.reload()',50)"

Infos zu den verwendeten Funktion findest du auf selfhtml.

Gruss

sincere

[Gernot Back]

Hallo Jack,

Hi, wir haben eine Gif-Animation in unsere Homepage eingebaut. Sie soll nicht als Endlos-Schleife laufen, also aufhören. Es wäre aber schön, sie würde bei erneutem Anklicken des Links neu ablaufen. Dies tut sie nur beim Neuladen der kompletten Homepage.

Ich kann in meinem ImageReady einstellen, wie oft die Animation abspielen soll und onclick könnte man das Gif-Image gegen ein identisches mit anderem Namen austauschen.

Kann man in links einbauen, dass die Seite neu geladen wird?

Nach welchem englischen Stichwort würdest du wohl im Bereich JavaScript suchen? Richtig, nach "reload"

Gruß Gernot

[Felix Riesterer]

Lieber Gernot,

noch eine Ergänzung zu Deinem Tipp:

und onclick könnte man das Gif-Image gegen ein identisches mit anderem Namen austauschen.

Dieses "identische Bild mit anderem Namen" könnte ein an die URL des Bildes angehängter Parameter sein, der bei jedem Reload mit einem neuen Wert versehen wird (dazu eignet sich ein Zeitstempel). Aus "bild.gif" könnte so "bild.gif?zeit=439251" werden. Für den Browser sind das dann durchaus zwei verschiedene Bilder, sodass das Bild (obwohl dieselbe Datei) neu geladen (und dann auch abgespielt) wird. Dazu ist die Javascript-Funktion getTime() hilfreich.

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Gernot Back]

Hallo Felix,

Dieses "identische Bild mit anderem Namen" könnte ein an die URL des Bildes angehängter Parameter sein, der bei jedem Reload mit einem neuen Wert versehen wird (dazu eignet sich ein Zeitstempel). Aus "bild.gif" könnte so "bild.gif?zeit=439251" werden. Für den Browser sind das dann durchaus zwei verschiedene Bilder, sodass das Bild (obwohl dieselbe Datei) neu geladen (und dann auch abgespielt) wird. Dazu ist die Javascript-Funktion

Nur gebe ich zu bedenken, dass durch diese Vorgehenmsweise das Bild jedesmal neu vom Server abgerufen wird, also unnötiger Traffic entsteht und der kann ja gerade bei einem animierten Gif erheblich sein, je nachdem wie viele Frames es hat.

Besser fände ich da schon, sich auf genau zwei Bildnamen desselben Bildes zu beschränken: Wenn gerade das eine angezeigt wird und man klickt darauf, wird das andere geladen und umgekehrt. So muss der Browser nur zwei Bilder in den Cache laden und es entsteht maximal der doppelte Traffic.

Gruß Gernot