2012-03-29 6 views
0

Ich muss das Skript von http://javascript.about.com/library/blcvert.htm anpassen, um die Richtung des Scrollens nach UNTEN zu ändern.Kontinuierliches Bild Vertikales Scroller

Kann jemand helfen?

Natürlich wäre es auch hilfreich, wenn jemand ein anderes Skript kennt/hat, das denselben Effekt erzeugt.

Thanx

P. S. das Skript (in lesbarem Format ist):


    var imgAry1 = ['img1.png','img2.png']; 

    function startCloud() { 
     new mq('clouds', imgAry1, 380); 
     mqRotate(mqr); 
    } 

    $(document).ready(function() { 
     startCloud(); 
    }); 

    var mqr = []; 

    function mq(id, ary, heit) { 
    this.mqo=document.getElementById(id); 
    var wid = this.mqo.style.width; 
    this.mqo.onmouseout=function() { mqRotate(mqr); }; 
    this.mqo.onmouseover=function() { clearTimeout(mqr[0].TO); }; 
    this.mqo.ary=[]; 
    var maxw = ary.length; 
    for (var i=0;i<maxw;i++) { 
     this.mqo.ary[i]=document.createElement('img'); 
     this.mqo.ary[i].src=ary[i]; 
     this.mqo.ary[i].style.position = 'absolute'; 
     this.mqo.ary[i].style.top = (heit*i)+'px'; 
     this.mqo.ary[i].style.height = heit+'px'; 
     this.mqo.ary[i].style.width = wid; 
     this.mqo.appendChild(this.mqo.ary[i]); 
    } 
    mqr.push(this.mqo); 
    } 

    function mqRotate(mqr) { 
    if (!mqr) return; 
    for (var j=mqr.length - 1; j > -1; j--) { 
     maxa = mqr[j].ary.length; 
     for (var i=0;i<maxa;i++) { 
      var x = mqr[j].ary[i].style; 
      x.top=(parseInt(x.top,10)-1)+'px'; 
     } 
     var y = mqr[j].ary[0].style; 
     if (parseInt(y.top,10)+parseInt(y.height,10)<0) { 
      var z = mqr[j].ary.shift(); 
      z.style.top = (parseInt(z.style.top) + parseInt(z.style.height)*maxa) + 'px'; 
      mqr[j].ary.push(z); 
     } 
    } 
    mqr[0].TO=setTimeout('mqRotate(mqr)',10); 
    } 

Antwort

0

Auf dieser Linie:

x.top=(parseInt(x.top,10)-1)+'px';

es sagt, dass Sie x.top in Pixel nehmen, analysieren, um die Anzahl, subtrahieren ein und fügen Sie die 'px' wieder. Die Position des Elements von oben ist verringert um um jeweils 1, so geht es bis. Alles, was Sie tun müssen, damit es geht down ist zu hinzufügen der eine.

x.top=(parseInt(x.top,10)+1)+'px';

Getestet habe ich auch diese Hypothese auf der Seite, die Sie :)

verbunden