Enrico: Optimierungstipps erwünscht

Beitrag lesen

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

0 47

Optimierungstipps erwünscht

Enrico
  • javascript
  1. 0
    Gunnar Bittersmann
    1. 0
      Enrico
      1. 0
        TS
        • javascript
        • webserver
        1. 0
          Enrico
          1. 0
            TS
            1. 0
              Enrico
              1. 1
                TS
            2. 2
              Gunnar Bittersmann
              1. 0
                dedlfix
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    TS
                  2. 1
                    dedlfix
                2. 0

                  XAMPP sollte eigentlich BITCHAMPP heißen

                  Regina Schaukrug
                  1. 0
                    Tabellenkalk
                    1. 0
                      Regina Schaukrug
                  2. 0

                    Optimierungstipps erwünscht

                    dedlfix
                    1. 0
                      Regina Schaukrug
                      1. 0
                        dedlfix
                        1. 0
                          Regina Schaukrug
                    2. 0
                      Regina Schaukrug
                      1. 0
                        dedlfix
                        1. 0
                          Regina Schaukrug
                          1. 0
                            dedlfix
                            1. 0
                              Regina Schaukrug
                              1. 0
                                dedlfix
                                1. 1
                                  Regina Schaukrug
                  3. 0
                    dedlfix
                    1. 0
                      Regina Schaukrug
                      1. 0
                        dedlfix
              2. 0
                TS
                • javascript
                • meinung
                • webserver
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    TS
                    1. 1
                      Gunnar Bittersmann
                      1. 0
                        TS
                        1. 0
                          Gunnar Bittersmann
                          1. 1
                            dedlfix
                            1. 0
                              Gunnar Bittersmann
                      2. 0
                        Matthias Apsel
                        • sonstiges
                        1. 0
                          Regina Schaukrug
                          1. 0
                            Henry
                            • linux
                            • sonstiges
                            • windows
                            1. 0
                              Regine Schaukrug
                            2. 0
                              Julius
                              • linux
                              • meinung
                              • windows
                            3. 0
                              Henry
      2. 0
        Jonny 5
  2. 0
    Enrico
    1. 1
      Gunnar Bittersmann