Mootools transition sur body

Bonjour,

Je cherche à savoir s'il serait possible avec mootools 1.1 de créer un effet de transition sur le background-image de la balise body... En effet, j'aimerais qu'un clic déclenche le passage de l'arrière plan de vert à rose par exemple (ce ne sont pas des couleurs unies, mais bel et bien des images, avec des motifs).

Merci du coup de main !

Salut,

Pour changer simplement le background du body via un click sur un élément :

Dans ta css :

body {
    background-image: url(imageVerte.png);
}
body.pink {
    background-image: url(imageRose.png);
}

Code Mootools :

$("id_de_l'élement_à_cliquer").addEvent('click', function(){
    $(document.body).toggleClass('pink');
});

Bonjour,

Je relance ce post car il m'intéresse, en fait je voudrais faire exactement la même chose itch37, ce qui marche avec le code donné mais par contre je voudrais faire un effet de fade, que le changement de fond se fasse progressivement. Comment peut on faire selon vous avec mootools ?

Merci