11548 sujets

JavaScript, DOM et API Web HTML5

Hey à tous,

Je viens vers vous en espérant que vous résoudrez mon problème. Smiley rolleyes

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. Smiley smile

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> &nbsp;&nbsp;&nbsp;&nbsp; <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". Smiley ohwell

En espérant que j'ai réussi à me faire comprendre... Smiley confused
Merci d'avance pour votre aide et votre patience.
A supprimer... désolé du dérangement (le problème venait d'entre l'ordinateur et la chaise... Smiley confused )