Thema: GIF Animation läuft nur einmal

Hallo.

Ich habe eine GIF-Animation erstellt und in eine HTML-Seite eingebunden.

Wenn ich die HTML-Seite aufrufe läuft die GIF-Animation auch ab.
Sie läuft nur einmal. Das soll so sein. Alles super.

Das Problem ist nun aber folgendes. Wenn ich auf einen Link klicke und so auf eine andere Seite springe und von dieser Seite wieder zurück auf die Seite mit der GIF-Animation wechsele so läuft die GIF-Animation nun nicht mehr erneut ab.

Ich muss dann erst den Browser schliessen und wenn ich ihn dann neu starte läuft die GIF-Animation wieder.

Die Animation soll immer wenn ich die Seite öffne nur einmal
ablaufen. Klicke ich dann auf einen Link und dann wieder zurück auf die
Seite so soll die Animation nun wieder einmal ablaufen.
Wie kriege ich das nur hin?
Für den Browser ist die Animation halt schon mal gelaufen weshalb er sie bei
einem Rücksprung auf die Seite kein zweites mal ablaufen lässt.

bluna

Das ist ja normal so.
Das kannst du leider nicht ändern, aber evt. gibt es da eine Js-Funktion, bei der man schauen kann, ob man auf so einen Link geklickt hat!

Hi bluna,


hmm tja also bei mir funzt das. Wenn ich auf einen Button meiner page gehe, blinkt das grüne Lämpchen fünf bzw. drei mal. Gehe ich wieder drauf blinkt es wieder fünf/drei mal. Wechsel ich eine Seite, blinkt ein anderer Button fünf/drei mal. Gehe ich wieder zurück über Home oder durch den browser funzt es auch. Eigentlich müsste es auch mit einmal blinken gehen. Warum es bei dir nicht funzt k.A.

Lunz mal auf meine HP und dort auf die Navi-Buttons. Die blinken immer fünf mal und dann bleiben sie stehen, jedenfalls in IE. Sind alles selbst erstellte Gif Animationen. Guck auch mal bei der Brompton-Seite. Da klappt nach einiger Zeit oben links und rechts ein Fahrrad auf und wieder zusammen.

Meine HP ist allerdings noch eine uralte Frame -Seite. Ich bin nur zu faul sie in CSS bzw. PHP umzufummeln. Das mache ich, wenn ich mal viiiiieeel Zeit habe.

Wäre nett, wenn Du hier postest, daß die Buttons bei dir funzen.

Gruß

Onkel_Busch

Ach so hier die Seite

Homepage Burkhard Schade

Hallo Onkel Busch, erst einmal Danke für den Beitrag.

Wenn ich auf Deine Seite gehe Blinken die Lämpchen. Super.

Du machst das also mit onMouseOver und onMouseOut?

Bin ein Neuling.

Kannst Du mir erklären was die folgenden Zeilen bedeuten.
<a onMouseOver="home_de.src='../3buttons/home_2_de.gif';"
onMouseOut="home_de.src='../3buttons/home_1_de.png';"
target="_parent" href="../index.html">

Warum onMouseOver="home_de.src='../3buttons/home_2_de.gif';"
Was bedeutet hier "home_de.src='../3buttons/home_2_de.gif';


und target="_parent" href="../index.html">

bluna

Hi bluna,
hmm tja habe jetzt leider keine Zeit mehr. Bin erst morgen wieder im Büro.

Google mal bei EKIWI.de. da gibt es den Mouseover-Generator kostenlos. Das mit parent sind die Anweisugen, daß die verlinkte Seite in einem neuen Fenster/Frame geöffnet werden soll. Das hat was mit den "veralteten Frames zu tun. Tut mir leid, aber mein Zug fährt gleich ab. Ich muss hier Schluss machen. ich hoffe Du bekommst noch ein paar Tips von anderen Forumsteilnehmern.

Wie gesagt google mal bei Ekiwi.

So tschüssi mein Zug fährt ab. Ab morgen ca. 08:30 Uhr bin ich wieder online.


Gruß Busch

Hi bluna,
so bin wieder online, nun zu deinen Fragen falls du noch welche hast.

Hier eine Kopie einer einzelnen Navigation als Beispiel.

<div style="position: absolute; left: 2; top: 120; width: 130; height: 25">
<a onMouseOver="home_1_de.src='../../../../3buttons/home_2_de.gif';"
onMouseOut="home_1_de.src='../../../../3buttons/home_1_de.png';"
target="_parent" href="../../../../index.html">
<img name="home_1_de" width="130" height="25" src="../../../../3buttons/home_1_de.png" border="0"></a></div>

Position absolute dürfte klar sein. Das ist da, wo der Nav Button sitzt.
Width und height muss nicht sein, kann aber. Ist Breite und Höhe des Button.

<a onMouseOver="home_1_de.src='../../../../3buttons/home_2_de.gif';"
Diese Zeile bedeutet. Daß wenn die Maus diese Fläche berührt, der Button home_2_de.gif in Aktion treten soll. "home_1_de. ist nur ein Attribut, da kann auch Apfelkuchen stehen. Ich habe das nur gemacht, damit ich leichter durchblicke. Außerdem ist meine HP dreisprachig und ich brauche dann nur noch die Länderkennung ändern. Also statt de nl oder uk. Dann funzt das. ../../../ usw gibt an wo und in welchem Verzeichnis sich die Buttons befinden. In diesem Fall also das 5. Verzeichnis mit dem Namen 3buttons und der Datei home_1_de.png.

onMouseOut="home_1_de.src='../../../../3buttons/home_1_de.png';"

Verlässt die Maus den Nav-Button soll Button home_1_de.png in Aktion treten. "home_1_de ist hier auch nur wieder ein Platzhalter. Dieser Name darf aber nur 1x pro Navigationsleiste verwendet werden.

target="_parent" href="../../../../index.html">
Gibt an wo der Link hin gehen soll. In diesem Fall also vier Verzeichnisse und dann die Index. html Datei also meine Startseite. Da meine HP aus lauter Frames besteht (Ja ja ich weiß, das macht man heute nicht mehr) muss ich noch angeben in welchem Frame geladen werden soll. In diesem Fall wird also die ganze Seite geladen"parent".

<img name="home_1_de" width="130" height="25"
src="../../../../3buttons/home_1_de.png" border="0"></a></div>

Hier haben wir wieder einen Platzhalter und die Breite und Höhe. Jetzt kommt der Hinweis, das der Normalzustand der Buttons, also wen die Maus nix berührt home_1_de.png sein soll. Dieser Hinweis kommt Komischerweise zum Schluss, es funzt aber.

Also noch mal zusammen gefasst. Die Blinkbuttons bestehen aus zwei Buttons. Einmal der blinkende .gif Button und der Normalzustansbutton also der Nichtblinker .png Button.

Das ganze nennt sich dann Java script. Ich hofe, ich konnte dir weiterhelfen. Mag sicher sein, daß es andere und einfachere Wege gibt das hinzukriegen. Bei mir funzt es jedenfalls.

Du kannst ja auch mal in der Bildergallerie nachsehen (Radtouren/Südkurs/Gallereie/Start Gallerie usw.) Da sind die Thumbnails in der oberen Leiste nach dem selben Prinzip aufgebaut, nur eben als Transparente Bildchen.

So, tschüssi die Arbeit ruft.


Gruß Busch

Hallo Onkel Busch,

Danke für deine Info.

Ich habe nun herausgefunden das es ein Browser-Problem ist.
Ob deine oder Meine Buttons mit GIF-Animation sie funktionieren nicht mit allen
Browsern.

Die gehen nicht: Netscape 7, Netscape 8.1, Netscape 9.0.0.5 Opera 7.11

Die gehen: Internet Explore 6 und 7, Opera 9.26

Beim Firefox 2.0.0.14 ist es so das meine immer gehen und deine nur beim ersten Besuch der Seite.

Danke für deine Mühe. Ich habe wieder einmal was dazu gelernt. Super.

bluna