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]);
});