Ergebnis 1 bis 2 von 2
  1. #1
    Bromi ist offline Jungspund
    registriert
    01-11-2007
    Beiträge
    22

    Question javascript slider fehlt noch n next und prev button

    Hallo,
    ich bin auf eine seite gestoßen, die einen coolen image slider präsentiert hat. das dumme ist bloß, dass er keinen prev bzw. next button besitzt und es auch keine andere form davon gibt. es wäre echt toll, wenn mal n geschultes auge n blick auf das script werfen könnte und mir verraten könnte wie man das am dümmsten anstellt.

    Code:
    window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);
    var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;
    
    function so_init() {
      if(!d.getElementById || !d.createElement)return;
    
      // DON'T FORGET TO GRAB THIS FILE AND PLACE IT ON YOUR SERVER IN THE SAME DIRECTORY AS THE JAVASCRIPT!
      // http://slayeroffice.com/code/imageCrossFade/xfade2.css
      css = d.createElement("link");
      css.setAttribute("href","xfade2.css");
      css.setAttribute("rel","stylesheet");
      css.setAttribute("type","text/css");
      d.getElementsByTagName("head")[0].appendChild(css);
    
      imgs = d.getElementById("imageContainer").getElementsByTagName("img");
      for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
      imgs[0].style.display = "block";
      imgs[0].xOpacity = .99;
    
      setTimeout(so_xfade,7000);
    }
    
    function so_xfade() {
      cOpacity = imgs[current].xOpacity;
      nIndex = imgs[current+1]?current+1:0;
    
      nOpacity = imgs[nIndex].xOpacity;
    
      cOpacity-=.05;
      nOpacity+=.05;
    
      imgs[nIndex].style.display = "block";
      imgs[current].xOpacity = cOpacity;
      imgs[nIndex].xOpacity = nOpacity;
    
      setOpacity(imgs[current]);
      setOpacity(imgs[nIndex]);
    
      if(cOpacity<=0) {
        imgs[current].style.display = "none";
        current = nIndex;
        setTimeout(so_xfade,5000);
      } else {
        setTimeout(so_xfade,50);
      }
    
      function setOpacity(obj) {
        if(obj.xOpacity>.99) {
          obj.xOpacity = .99;
          return;
        }
        obj.style.opacity = obj.xOpacity;
        obj.style.MozOpacity = obj.xOpacity;
        obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
      }
    
    }
    HTML-Code:
    <div class="slidePic" id="imageContainer">
       <img src="http://forum.jswelt.de/images/slideshow/pic01.jpg" alt="" border="0" />
       <img src="http://forum.jswelt.de/images/slideshow/pic02.jpg" alt="" border="0" />
       <img src="http://forum.jswelt.de/images/slideshow/pic03.jpg" alt="" border="0" />
    </div>
    ich hoffe ihr könnt mir helfen.
    lg

  2. #2
    Bromi ist offline Jungspund
    registriert
    01-11-2007
    Beiträge
    22

    AW: javascript slider fehlt noch n next und prev button

    keiner eine idee?

Ähnliche Themen

  1. Was ist JavaScript?
    Von .holger im Forum JavaScript-FAQ
    Antworten: 4
    Letzter Beitrag: 27-11-2006, 10:00
  2. radio button per Javascript checken
    Von cs-wd im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 10-08-2002, 19:40
  3. Antworten: 3
    Letzter Beitrag: 24-07-2002, 22:05
  4. JavaScript umändern
    Von Nonens im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 11-04-2002, 11:03
  5. Antworten: 1
    Letzter Beitrag: 02-02-2002, 01:55

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •