Salut !

J'essaie de combiner deux scripts de JQuery :
- L'overlay de JQuery Tools : http://flowplayer.org/tools/overlay/index.html
- Le sortable de JQuery UI : http://jqueryui.com/demos/sortable/

J'ai donc une série d'images que je veux pouvoir positionner comme bon me semble. Un clic sur une de ces images déclenche un overlay.
Le problème : Lorsque l'on déplace une de ces images, l'écouteur de l'overlay se lance. Donc j'aimerais pouvoir le bloquer dans cette condition précise.

Ce que j'ai déjà fait :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
$(function() {
   $( ".column" ).sortable({
      connectWith: ".column",
      placeholder: 'ui-state-highlight',
      start: function( event, ui ) {
         destroyOverlays();
      },
      stop: function( event, ui ) {
      }
   });
 
   $( ".column" ).disableSelection();
});
 
$(function() {
   $( "a[rel]" ).overlay({
      effect: 'apple',
      expose: '#000',
      onBeforeLoad: function() {
         var wrap = this.getOverlay().find( ".contentWrap" );
         wrap.load( this.getTrigger().attr( "href" ) );
      },
   });
});
 
function destroyOverlays() {
   $( "a[rel]" ).unbind( 'click' ).removeData( 'overlay' );
}
Ce petit morceau fonctionne plutôt bien, sauf qu'il me faudrait réactiver les overlays sur les liens à la fin du déplacement.

J'ai essayé de recréer l'overlay sur les liens en question avec le même code qu'au-dessus, mais en plus de recréer l'écouteur, ça lance l'overlay ..

Si quelqu'un a la solution ou une autre idée, ça me serait d'une grande aide.

Merci !