HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Menü"vorschau" beim Laden der Seite

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Menü"vorschau" beim Laden der Seite

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
grand



Anmeldungsdatum: 08.07.2009
Beiträge: 4

BeitragVerfasst am: 19.10.2009 08:48:13    Titel: Menä"vorschau" beim Laden der Seite Antworten mit Zitat

Hallo zusammen,

ich möchte folgendes realisieren:

Wenn meine Seite geladen wird sollen die Buttons im Menü nacheinander (jeweils mit etwas Wartezeit) ihr Hintergrundbild ändern.

Die funktion wird bereits onLoad geladen und eine funktion für die Wartezeit(warten()Wink habe ich auch bereits.

Meine bisherige Idee:

Code:

function menuvorschau () {
  warten(2);
  button1.style.backgroundImage = "url(/aktiv.png)";
  warten(1);
  button1.style.backgroundImage = "url(/normal.png)";
  button2.style.backgroundImage = "url(/aktiv.png)";
  warten(1);
  button2.style.backgroundImage = "url(/normal.png)";
  button3.style.backgroundImage = "url(/aktiv.png)";
  warten(1);
  button3.style.backgroundImage = "url(/normal.png)";
}



Mein Problem ist das so wie ich mir das gedacht habe nicht funktioniert da er quasi erst die komplette Funktion abarbeitet (im Beispiel also 5 Sekunden wartet und dann button3 auf normal.png setzt).

Zusätzlich habe ich eine funktion die mir den Banner austauscht.
Diese soll auch noch mit in die Menüvorschau eingebaut werden. Also wenn Button1 aktiv zeige Banner1 (id="banner1") usw...
Habe ich haber noch keine Idee wie ich das hinbekomme.
Code:

<script type="text/javascript">
            function zeige(bannerbild){
         for(i=1;i<=6;i++) { 
document.getElementById("banner"+i).style.display='none';}
document.getElementById(bannerbild).style.display='block';}
</script>


mfg
grand
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.