Ein Skript, dass einen Menühintergrund "faden" kann

Status
Nicht offen für weitere Antworten.

Doppelherz

Mitglied
Guten Tag liebes Java Forum :)

Ich hab ein Problem, denn ich möchte eine Navigationsleiste mit einem Mouseover versehen. Bei Mouseover eines Menüpunktes soll ein Hintergrundbild des Buttons langsam sichtbar werden. Ich fand zufällig einen ganz praktischen Fader, der sowas mit jedem Browser Möglich macht, indem man einen Fade durch viele einzelne Pics vortäuscht. Doch spätestens beim zweiten Menüpunkt bemerkte ich, dass ich keine Navigationsleiste damit machen kann, sondern nur einen einzigen Menüpunkt. Denn wenn ich den zweiten Menüpunkt mache und mit der Maus darauf gehe, leuchtet dummerweise Menüpunkt1 auf. Was muss ich an dem Code ändern, bzw. muss ich jedesmal den Code neu einfügen und die Variablen ändern? Gibt es vll doch bessere Menüarten, sowas zu erzeugen?

Da ist der Code mit Beispiel:

The JavaScript Source: Navigation: Fading Rollover

Hier nochmal der Code im einzelnen:

Java:
var maximages = 7; // how many fade images do you have?
var fadespeed = 125; // fade frame time in milliseconds;  125 = 125 ms

var fadeintimer;
var fadeouttimer;
var fadeincount = 0;
var fadeoutcount = maximages-1;
var fadearray = new Array(maximages);  // enter all the fade images here
// the first item should be 0, then numbered through 1 less than your maximages

fadearray[0] = "pictures/website/navi/buttonpics0.png";
fadearray[1] = "pictures/website/navi/buttonpics1.png";
fadearray[2] = "pictures/website/navi/buttonpics2.png";
fadearray[3] = "pictures/website/navi/buttonpics3.png";
fadearray[4] = "pictures/website/navi/buttonpics4.png";
fadearray[5] = "pictures/website/navi/buttonpics5.png";
fadearray[6] = "pictures/website/navi/buttonpics6.png";

for (var i = 0; i < maximages; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray[i];'); // preloads fade images
}
function fade_in() {
clearTimeout(fadeouttimer);
document.images['fade-pic'].src = fadearray[fadeincount];
if (fadeincount != maximages-1) {
fadeincount++;
fadeintimer = setTimeout('fade_in()', fadespeed);
}
else {
clearTimeout(fadeintimer);
fadeincount = 0;
   }
}
function fade_out() {
clearTimeout(fadeintimer);
document.images['fade-pic'].src = fadearray[fadeoutcount];
if (fadeoutcount != 0) {
fadeoutcount--;
fadeouttimer = setTimeout('fade_out()', fadespeed);
}
else {
clearTimeout(fadeouttimer);
fadeoutcount = maximages-1;
   }
}
 
Status
Nicht offen für weitere Antworten.
Ähnliche Java Themen
  Titel Forum Antworten Datum
O Skript zur Darstellung von Bildern auf einer einfachen Website Angular, React, JQuery - Fragen zu JavaScript 17
S Java Skript Konsole Angular, React, JQuery - Fragen zu JavaScript 2
S Skript für Greasemonkey Angular, React, JQuery - Fragen zu JavaScript 3
Bloodfire Brauche Hilfe bei Java Skript Angular, React, JQuery - Fragen zu JavaScript 5
C Hilfe bei passwort skript Angular, React, JQuery - Fragen zu JavaScript 3
E skript in mehrere dateien? Angular, React, JQuery - Fragen zu JavaScript 3
G Probleme mit Voting-Skript Angular, React, JQuery - Fragen zu JavaScript 2
K Frage zu folgendem Java-Skript (HP-Login) Angular, React, JQuery - Fragen zu JavaScript 5
M Skript nach 5 Sekunden Laufzeit abbrechen Angular, React, JQuery - Fragen zu JavaScript 2
S Skript für Bannerwechsel Angular, React, JQuery - Fragen zu JavaScript 3
L Kann man die grösse an nem externen skript ändern!? Angular, React, JQuery - Fragen zu JavaScript 5
L JSON-Daten aus einen Server mit fetch holen Angular, React, JQuery - Fragen zu JavaScript 3
Oskar.p Wie gebe ich einen "Input" einer Website, an einer anderen Stelle wieder aus? Angular, React, JQuery - Fragen zu JavaScript 5
B Quiz Fragen in einem Array nach drücken auf einen Button abfragen Angular, React, JQuery - Fragen zu JavaScript 5
T Ich möchte einen Button mit JavaScript ausblenden Angular, React, JQuery - Fragen zu JavaScript 5
S Suche Lösung für einen Slider mit Textverlinkung Angular, React, JQuery - Fragen zu JavaScript 2
R Anleitung für einen Konfetti Regen Angular, React, JQuery - Fragen zu JavaScript 9
M Bilder mit Java in einen Iframe laden Angular, React, JQuery - Fragen zu JavaScript 3
D Mehrere Links mit einen Klick Angular, React, JQuery - Fragen zu JavaScript 4
D wie integriere ich ein java-sript in einen htm-code? Angular, React, JQuery - Fragen zu JavaScript 2
C mehrere <a href > in einen integrieren Angular, React, JQuery - Fragen zu JavaScript 4
G Nach dem Laden der Seite einen JS in einem I-Frame ausführen Angular, React, JQuery - Fragen zu JavaScript 6
C ins Inputfeld einen Text übergeben Angular, React, JQuery - Fragen zu JavaScript 7
B Einen Timer für Windows Angular, React, JQuery - Fragen zu JavaScript 4
S Mouseover mit einen Text? Angular, React, JQuery - Fragen zu JavaScript 4
A Brauche hilfe bei einen Servlet Angular, React, JQuery - Fragen zu JavaScript 8

Ähnliche Java Themen

Neue Themen


Oben