Krausei: Slideshow

Beitrag lesen

Ich bau soeben an einer Slideshow rum..

sprich sie will aber nicht so wie ich.

Der slide geht von top zu bottom.. gewollt ist aber von rechts nach links.

woran kann der fehler liegen?

window.addEvent('domready',function(){  
    var hero_wrapper = $('hero-container');  
    if (Browser.Engine.trident && Browser.Engine.version <= 4){  
        hero_wrapper.setStyle('display','none');  
        $('content-home').setStyle('paddingTop',25);  
    }  
    var heroes = $$('div.hero-wrapper');  
    heroes.setStyles({  
        'position' : 'absolute',  
        'top' : 0,  
        'left' : 0  
    });  
    var one = heroes.shift();  
    var hero_bottom = hero_wrapper.getStyle('height');  
    heroes.setStyle('top',hero_bottom);  
    var hero_frames = $('hero-frames');  
    var hero_frames_a = hero_frames.getElements('a');  
    var interval;  
    var time = 9000;  
  
    var click_next_active_a = function(use_1){  
        //alert(use_1);  
        var nxt;  
        hero_frames_a.each(function(e){  
            var n = e.get('href').replace('#','');  
            if (e.hasClass('frame-' + n + '-active')){  
                // try to get next  
                nxt = $(document.body).getElement('.frame-' + (n.toInt() + 1).toString());  
                if (!nxt || use_1) nxt = $(document.body).getElement('.frame-1');  
            }  
        });  
        nxt.fireEvent('click');  
    }  
  
    var hero_click = function(){  
        $clear(interval);  
        var n = this.get('href').replace('#','');  
        if (this.hasClass('frame-' + n + '-active')) return false;  
        hero_frames_a.each(function(a){  
            var n1 = a.get('href').replace('#','');  
            a.set('class','frame-' + n1);  
        });  
        this.set('class','frame-' + n + '-active');  
        one.set('tween',{duration:400,onComplete : function(){  
                // get the new element  
                // animate it up  
                // set it as one at the end  
                var up = $('hero-' + n);  
                up.set('tween',{duration:400}).tween('top',0);  
                one = up;  
                interval = click_next_active_a.delay(time,hero_wrapper,[false]);  
            }.bindWithEvent(this)  
        }).tween('top',hero_bottom);  
        return false;  
    }  
  
    hero_frames_a.addEvent('click',hero_click);  
    interval = click_next_active_a.delay(time,hero_wrapper,[false]);  
});