2009-12-10 13 views
2

J'utilise la charge de jquery pour importer des miniatures via ajax. J'aimerais que l'utilisateur puisse survoler le pouce recadré pour voir une petite version non recadrée de l'image en utilisant imgPreview plugin. Si elles cliquent dessus, puis afficher l'image en taille réelle dans une lightbox (fancybox).jquery live & livequery

Pour la lightbox, je:

$("ul#plant_gallery li a").livequery(function(){ 
    $(this).fancybox ({ 'overlayOpacity': 0.9, 'overlayColor': '#000', }); 
}); 

Et pour l'info-bulle vol stationnaire image uncropped, j'ai:

$('ul#plant_gallery li a').live('mouseover', function() 
{ 
    if (!$(this).data('init')) 
    { 
     $(this).data('init', true); 
     $(this).imgPreview({imgCSS: { width: 200 }, srcAttr: 'rel'}) 
     (
      function() 
      { 

      }, 

      function() 
      { 
      } 
     ); 
     $(this).trigger('mouseover'); 
    } 
}); 

Comment puis-je combiner ces deux en un? Dois-je utiliser soit live jquery ou livequery? Merci de votre aide!

+0

Qu'essayez-vous de réaliser en combinant ces deux? Si vous voulez répondre à différents événements (survolez et cliquez), vous aurez besoin de deux fonctions distinctes pour les gérer. –

Répondre

1

Je pense que vous n'avez pas besoin de les combiner, avez-vous essayé:

$("ul#plant_gallery li a").live('click', function(){ 
    $(this).fancybox ({ 'overlayOpacity': 0.9, 'overlayColor': '#000', }); 
}); 

et en laissant l'autre fonction telle qu'elle est?