Discussion :

[Bisûnûrs]

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 !

[SpaceFrog]

perso je serais passé par un flag bool dans le data de l'objet et un return flag en teste d'entrée de lancement ?

[Bisûnûrs]

Hum .. pardon ?

[SpaceFrog]

sans unbinder
dans le data de ton element qui supporte le declenchement de la fonction
tu colle un data

Code :

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

$('#obj').data('active', [true / false])

du coup tu lances ou non la fonction après test sur la data

Code :

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

$('#obj').click(function(){ if (!$(this).data('active'){return false;}})

[Bisûnûrs]

Justement, ce n'est pas moi qui gère le clic sur la photo, mais les deux outils overlay et sortable qui créent un écouteur chacun et s'occupent du clic ..

J'avais déjà essayé de faire un truc du genre, mais après j'ai un problème avec l'overlay, quand ce n'est pas un écouteur, l'image n'est cliquable qu'une seule fois et après disparait de la page, et qui plus est il n'est pas possible de cette manière d'appeler une page page externe dans l'overlay.

[Bisûnûrs]

J'ai "résolu" le problème en utilisant un autre script pour les overlays :
http://buckwilson.me/lightboxme/