Hallo Richard Jones,
ich hatte mal sowas ähnliches mit Mootools realisiert. War zwar kein Faden eines Hintegrundbildes, sondern das "einfliegen" des Inhaltes eines divs.
Hier der Code von damals, vielleicht hilft dir das ja weiter:
Code:
window.addEvent('domready', function() {
$('slideOut').setStyle('margin-left', 600);
var a = new Date();
a = new Date(a.getTime() +1000*60*60*24*365);
document.cookie = '1a-javascript=1; expires='+a.toGMTString()+';';
//Cookie wird von css.php abgefangen und verhindert ein "Flackern" beim Reload
});
window.addEvent('domready', function(){
var marginChange = new Fx.Morph('slideOut', {duration:1000});
marginChange.start({'margin-left': [600,0]});
$$('a').each(function(link){
link.addEvent('click',function(e){
var check = (this.className.indexOf('slide'));
if(check==0){
e = new Event(e);
var get_direction = this.href;
toggle_jsk(get_direction);
e.stop();
}
});
});
});
function toggle_jsk(direction){
var myFx = new Fx.Slide('slideOut', {
mode: 'horizontal',
duration: 300,
onComplete: function(){
window.location.href = direction;
}
}).slideOut();
}
Hier müsstest du sicherlich die Angaben zum slide in die passenden von fade umbasteln. Auch die Elemente (Klassen, IDs, usw) werde natürlich nicht passen.
Vielleicht hilft dir dies ja als Input.
Gruß Janosch
Lesezeichen