bosselmann: Skriptergänzung

Beitrag lesen

Hi Felix,

Danke für den Ansatz, hat mir sehr geholfen und konnte daher das Skript entsprechend überarbeiten. Es werden jetzt die Links entgegengenommen und in den DOM-Baum eingefügt. Leider wird aber beim Überblenden der Link nicht gewechselt, sondern nur der letzte Link angezeigt. Woran liegt das? Der DOM-Inspektor zeigt an, dass alle <a>-Tags gesetzt sind.
Hier der Code:

var a, img;  
        // Bilder aus der Liste zu echten Bildobjekten machen und ins <span>-Element einhängen  
        for (i = 0; i < einstellungen.ads.length; i++) {  
  
            this.ads[i].a = document.createElement("a");  
            this.ads[i].a.href = einstellungen.ads[i].href;  
            this.ads[i].a.title = einstellungen.ads[i].title;  
  
            this.ads[i].img = document.createElement("img");  
            this.ads[i].img.src = einstellungen.ads[i].image;  
            this.ads[i].img.alt = einstellungen.ads[i].title;  
  
            if (i > 0) {  
            this.ads[i].img.className = "next";  
            }  
            this.ads[i].img.style.opacity = "0";  
            // IE?  
            this.ads[i].img.style.filter = "alpha(opacity=0)";  
  
    this.ads[i].a.appendChild(this.ads[i].img);  
    this.element.appendChild(this.ads[i].a);  
}  
  
[...]  
  
//faden  
  
imgs[0] = (this.counter == 0) ? this.ads[this.oldPlayList[this.oldPlayList.length -1]].img : this.ads[this.playList[this.counter -1]].img;  
            // Das neue Bild ist das, auf welches der Counter zeigt  
            imgs[1] = this.ads[this.playList[this.counter]].img;  
            for (i = 0; i < imgs.length; i++) {  
                v = (i == 0) ? (100 - step) : step;  
                imgs[i].style.opacity = v/100;  
                // IE?  
                if (imgs[i].style.filter != "undefined") {  
                    imgs[i].style.filter = "alpha(opacity=" + v + ")";  
                }  
            }

Grüße Dominik

3 52

Fader zum Bilder überblenden - ein kleiner Lehrgang

Felix Riesterer
  • javascript
  1. 2

    Das Script (Teil1)

    Felix Riesterer
    1. 1

      Das Script (Teil1) - Reflektion zum Code

      Felix Riesterer
      1. 0
        bosselmann
        1. 0
          Felix Riesterer
    2. 2

      alternativer loesungsansatz (teil1): model, view, ...

      peterS.
      1. 0

        alternativer loesungsansatz (teil2): .., controller.

        peterS.
        1. 0

          alternativer loesungsansatz (teil2): code review (teil 1?)

          peterS.
          1. 0

            alternativer loesungsansatz (teil2): code review (teil 2?)

            peterS.
            1. 0

              alternativer loesungsansatz (teil2): code review (teil 3)

              peterS.
      2. 0
        Felix Riesterer
        1. 0

          konkurrierende ansaetze

          peterS.
          1. 0
            Felix Riesterer
  2. 0

    SELFHTML-Artikel statt Forumsbeitrag?

    Vinzenz Mai
    • meinung
    1. 0
      Felix Riesterer
      1. 0
        Siechfred
        1. 0
          Felix Riesterer
        2. 0

          SELFHTML-Artikel - bin schon fleißig dabei!

          Felix Riesterer
        3. 0

          Artikel eingeschickt

          Felix Riesterer
          1. 0
            Siechfred
            • menschelei
            1. 0
              dedlfix
            2. 1
              Felix Riesterer
    2. 0
      Felix Riesterer
  3. 0

    Das Script (Teil 2)

    Felix Riesterer
  4. 0

    Das Script (Teil 3)

    Felix Riesterer
  5. 0

    Das Script (Endergebnis)

    Felix Riesterer
    1. 1
      molily
      1. 0
        Felix Riesterer
        1. 0
          Struppi
          1. 0
            Felix Riesterer
            1. 0
              bosselmann
              1. 0
                Felix Riesterer
                1. 0

                  Falscher Thread-Zweig...:-/

                  Felix Riesterer
                  1. 0

                    Verständnisfragen

                    bosselmann
                    1. 0
                      Felix Riesterer
                      1. 0
                        bosselmann
                        1. 0
                          Felix Riesterer
                          1. 0
                            bosselmann
                            1. 0
                              Felix Riesterer
                              1. 0

                                Skriptergänzung

                                bosselmann
                                1. 0
                                  Felix Riesterer
                                  1. 0

                                    Skriptergänzung (finale Version)

                                    bosselmann
                                    1. 0
                                      Felix Riesterer
  6. 0
    Felix Riesterer
    1. 0
      Beat
      1. 0

        Review-Version des Lehrgangs

        Felix Riesterer
        1. 0
          Beat
          1. 0
            Felix Riesterer
        2. 0
          Struppi
          1. 0
            Felix Riesterer
            1. 0
              Struppi
              1. 0
                Felix Riesterer