Discussion :

[tatayecorp]

Bonjour tout le monde,

J'utilise le 3D Carousel de la librairie Interface pour jQuery ( documentation, démo ).

J'aimerai avoir la possibilité de créer et détruire autant d'objet Carousel que je veux.

Le souci c'est que si je détruis l'élément DOM, je ne détruis pas l'objet jQuery : c'est flag sur Firefox où lorsque je crée mon deuxième ou troisième 3D Carousel en ayant supprimé auparavant les précédents, l'élément tourne n'importe comment, et ça fait même couiller la navigation par onglet !

Exemple de test :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
 
var maFonction1 = function()
{
	 $('#monCarroussel').append( $('#maSource').children().clone() ); $('#monCarroussel').Carousel( { itemWidth : 100, itemHeight : 100, itemMinWidth : 60, items : 'a', reflections : .5, rotationSpeed : 3 } );
};
 
var maFonction2 = function() 
{
	$('#monCarroussel').empty();
};
 
</script>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<input id="bouton" onclick="maFonction1();" type="button"  value="créer carroussel" />
<input id="bouton2" onclick="maFonction2();" type="button"  value="exterminer carroussel" />
 
<div id="monCarroussel" class="nouvelleListe"></div>
 
<div id="maSource" style="display:none;">
<a href="" title=""><img src="" width="100%" /></a>
<a href="" title=""><img src="" width="100%" /></a>
<a href="" title=""><img src="" width="100%" /></a>
<a href="" title=""><img src="" width="100%" /></a>
<a href="" title=""><img src="" width="100%" /></a>
</div>

Y a-t-il moyen de détruire complètement un objet jQuery ?

[tatayecorp]

En creusant un peu j'ai trouvé ce qui clochait dans l'objet Carousel :

Pour faire l'anim, il y a un setInterval qui appelle la fonction d'animation.

Ce qu'il faudrait c'est une fonction de destruction qui lance un clearInterval

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.clearInterval(el.carouselCfg.rotationTimer);

Mais comme jQuery c'est un peu nouveau pour moi, je ne sais pas comment intégrer une fonction de destruction à carousel.js

Un petit coup de main siouplé ?