[Farbmalkasten]

Hallo zusammen,

ich habe für einen Kunden von mir eine Homepage gemacht. Seiner Meinung nach ist jedoch das Menü zu "unauffällig" und er möchte deshalb, dass es beim ersten Seitenaufruf einmal aufblinkt.

Ihr müsst euch das so vorstellen, dass wir ca. 9 Links in rot haben. Beim Mouseover wird der Link grün. Dieser Mouseovereffekt soll praktisch einmal automatisch durchgespielt werden.

Link 1 rot -> grün -> wieder rot -> Link 2 rot -> grün -> wieder rot -> Link 3 ... usw.

Wie kann ich solch einen Effekt erzielen und vorallem, wie wird der nur beim ersten Seitenaufruf aktiv ?

Viele Grüße

Farbmalkasten

[Alex]

Ohne jetzt direkt Quellcode aus zu packen:

1. Versuche den Kunden vom blinkenden Menü ab zu bringen.. das ist grausam. Falls das nichts wird siehe 2.

2. Das wird nur über Javascript lösbar sein. Mit reinem HTML und CSS wird das nichts.

Im Prinzip könntest du dir ein Javascript schreiben, dass am anfange alle Menüpunkte durchgeht und deren CSS eigenschaft ändert (grün -> rot -> grün -> rot). Das ganze dann mit einem Timer verbunden, damit es nicht einfach nur flackert, sonder für eine halbe sekunde (oder wie lange du auch immer möchtest) in der jeweiligen Farbe bleibt.
Das ganze in eine Funktion die bei Seitenaufruf gestartet wird und somit abläuft.

Damit diese Funktion aber nicht bei jedem Seitenaufruf bzw neu laden der Seite abläuft würde ich einen JS-Cookie setzen der in der Funktion überprüft (anfang) und gesetz (ende) wird.

Der Ablauf währe dann in etwa folgender:

Seite wird Geöffnet -> Funktionsaufruf
Funktion schaut ob cookie schon gesetzt -> nicht der Fall, also Funktion abfeuern
Funktion geht Menüpunkte durch und verändert nach Wunsch die CSS eigenschaften (am ende das entfernen des inline-styles nicht vergessen)
Am Ende der Funktion wird der Cookie gesetzt, damit nicht alles auf der nächsten seite wieder blinkt



So viel zur Theorie, viel Spass mit der Praxis

[Farbmalkasten]

Oh je

das hört sich zu kompliziert an, bin nicht so der Javascript Programmierer. Aber gäbe es keine andere Möglichkeit?

Ich hatte mir schon überlegt, ob man das als gif Datei machen kann. Wenn man also auf die Index Seite kommt, wird das gif einmal abgespielt. (Rot -> Grün -> Wieder Rot) Ich weiß nur nicht, wie ich es erreichen kann, dass das 2. gif vom nächsten Link dann erst später die Funktion ausführt? Ich kann doch keine zeitliche Vorgabe machen, wann die aktion ausgeführt wird in dem gif selber oder?

Viele Grüße

[123456]

Gif? sry...

Im Ernst der Vorschlag vom Vorposter ist top, da brauchste nicht viel JS Kenntnisse.

Du musst nur nach paar Begriffen googlen... js bei seitenaufruf starten..also onload. dann funktion in js aufrufen. dann in der fkt. jedes element nacheinander ansprechen und dazwischen eine zeitverzögerung einbauen...getelementbyid und dann die css eigenschaft ändern

[Alex]

Wenn du ein GIF verwendest hast du keine Funktion und somit kannst du das ganze nicht steuern. Zudem wird dann dieses GIF bei jedem Seiten-Reload abgespielt.

Und das wichtigste Argument: FÜR SOWAS NIMMT MAN KEIN GIF

Trau dir ruhig was zu und versuch es nach meiner ersten Beschreibung, du wirst feststellen, es ist wirklich nicht sonderlich kompliziert und für die meisten Sachen gibt es sogar schon fertige Scripte