Hey à tous,
Je viens vers vous en espérant que vous résoudrez mon problème.
J'utilise Mootools dans le but de faire une petite galerie photos. Je "précharge" les photos précédente et suivante de l'actuelle dans des div invisibles, que je rends visible suite à une action sur l'un des deux liens ("précédent" ou "suivant"). Après le clic, je souhaite détruire l'une des deux div, et en recréer une pour charger ainsi la nouvelle photo.
Je vous situe le contexte avec mon ti code.
Code HTML:
Code Js:
Les 3 fonctions me font le même résultat... la destruction de ma div "slide", et non que de "previousPicture".
En espérant que j'ai réussi à me faire comprendre...
Merci d'avance pour votre aide et votre patience.
Je viens vers vous en espérant que vous résoudrez mon problème.

J'utilise Mootools dans le but de faire une petite galerie photos. Je "précharge" les photos précédente et suivante de l'actuelle dans des div invisibles, que je rends visible suite à une action sur l'un des deux liens ("précédent" ou "suivant"). Après le clic, je souhaite détruire l'une des deux div, et en recréer une pour charger ainsi la nouvelle photo.
Je vous situe le contexte avec mon ti code.

Code HTML:
<div id="slide">
<div id="previousPicture" class="picture-hidden"></div>
<div id="picture" class="picture-active"></div>
<div id="nextPicture" class="picture-hidden"></div>
<a href="#" id="previous">Précédent</a> <a href="#" id="next">Suivant</a>
</div>
Code Js:
$('next').addEvent('click', function(e) {
e.stop();
$('previousPicture').dispose();
//$('previousPicture').destroy();
//$('slide').removeChild($('previousPicture'));
$('picture').set({
'id': 'previousPicture',
'class': 'picture-hidden'
});
$('nextPicture').set({
'id': 'picture',
'class': 'picture-active'
});
slider.next();
});
Les 3 fonctions me font le même résultat... la destruction de ma div "slide", et non que de "previousPicture".

En espérant que j'ai réussi à me faire comprendre...

Merci d'avance pour votre aide et votre patience.