Hallo,
ich lasse auf der "Mitgliederseite" unserer Bandhomepage über Javascript den Namen und Funktion des jeweiligen Mitglieds über JavaScript farblich hervorheben und blende gleichzeitig sein Foto ein und nlende es beim Hervorheben des nächsten Mitglieds wieder aus und nehme die farbliche Hervorhebung wieder zurück:
function beiCompleteAusfuehren()
{
var mitglieder = ["Max", "Michael", "Harald", "Ingo", "Uz", "Enrico"],
w = 0;
timerEndlosschleife = setInterval(function()
{
if (w == 6)
{
w = 0
}
mitgliedsfotoEinUndAusblenden (mitglieder[w]);
w++
}, 5000)
}
function mitgliedsfotoEinUndAusblenden (name)
{
foto = document.getElementById("foto" + name);
nameUndAufgabe = document.getElementById("nameUndAufgabe" + name);
nameUndAufgabe.style.color = "#fcbe29";
op = 0.1;
timerEinblenden = setInterval(function()
{
if (op >= 1)
{
clearInterval (timerEinblenden);
setTimeout(function()
{
mitgliedsfotoAusblenden (name)
}, 3000)
}
foto.style.opacity = op;
foto.style.filter = "alpha(opacity=" + op * 100 + ")";
op += op * 0.1
}, 50)
}
function mitgliedsfotoAusblenden (name)
{
foto = document.getElementById("foto" + name);
nameUndAufgabe = document.getElementById("nameUndAufgabe" + name);
nameUndAufgabe.style.color = "#fff";
op = 1,
timerAusblenden = setInterval(function()
{
if (op < 0.1)
{
foto.style.opacity = 0;
foto.style.filter = "alpha(opacity=0)";
clearInterval (timerAusblenden)
}
foto.style.opacity = op;
foto.style.filter = "alpha(opacity=" + op * 100 + ")";
op -= op * 0.1
}, 50)
}
Soweit funktioniert das Script ohne Fehler, jedoch wird das jeweils wieder auszublendende Bild nicht komplett ausgeblendet, so dass es nicht mehr sichtbar ist. Außerdem denke ich, dass man den Code noch hinsichtlich Effizienz und Performance optimieren kann.
Könnt ihr mir hier bitte helfen?
Danke und Gruß Enrico