Squelette avec prettyPhoto callback

Question

J'utilise le quicksand plugin jQuery (http://razorjack.net/quicksand/docs-and-demos.html) et je veux intégrer prettyPhoto (http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/) pour pouvoir l'utiliser. Au début, tout fonctionne bien. Cependant quand je clique sur un lien pour filtrer le portfolio, le script de prettyphoto ne fonctionne plus. J'ai ajouté callback pour prettyphoto mais il brise en quelque sorte le script de sables mouvants. Mais j'ai réussi à ajouter un rappel de fancybox avec la même méthode et cela a bien fonctionné. J'espère que quelqu'un peut m'aider.

Vous pouvez voir mon script personnalisé ici: http://elemisdesign.com/custom.js

Answer 1

La question est que lorsque Quicksand applique un filtre, l'appel ajax fluses essentiellement votre script jolie photo. La solution ici est de rappeler jolie photo dans le callback des sables mouvants.

Je suppose que vous avez découvert cela depuis, car le rappel est dans le script que vous liez, mais pour quiconque recherchant ce problème, voici ce que vous devriez rechercher. À mi-chemin vers le bas du script Quicksand, cherchez list.quicksand $ (sorted_data $, etc .... ce que vous devez faire est d'insérer le rappel dans le troisième paramètre.

$list.quicksand($sorted_data,{$preferences},function(){ 
$("a[rel^='prettyPhoto']").prettyPhoto({ 
     //These are just arbitrary pretty photo preferences, use your own call here 
    opacity: 0.20, 
    social_tools: false 
      }); 
//rest of callback code 
}); 

Answer 2

Cela peut être un ancien poste, mais pour toute personne ayant la même question, la solution peut être trouvée ici: http://www.flashuser.net/tutorials/jquery-photo-gallery/

Answer 3

Je sais que ce poste est très vieux maintenant, mais je suis tombé sur elle lors de la recherche des solutions à un problème sur un nouveau thème Wordpress je développe, je.. trouvé qu'il y avait des problèmes entre la façon dont je mettais en œuvre quicksand.js et prettyphoto.js

En bref, il y avait un co nflict et mon prettyphoto appel a causé mon sables options à ignorer. J'ai utilisé cette réponse pour corriger mon problème et cela fonctionne avec brio. Pour un petit aperçu, ce code est pour une galerie. Quicksand est utilisé pour ajouter une animation de filtre aux liens de catégorie.

Je pensais que je posterais cela incase quelqu'un sur la même mission rencontre cette question. J'espère que ça aide. Merci à @brianvanderbush de m'avoir mis sur la bonne voie. Upvoted.

$container.quicksand($filteredItems, 
{ 
    // The Duration for animation 
    duration: 450, 
    // the easing effect when animation 
    easing: 'easeInOutCirc', 
    // height adjustment becomes dynamic 
    adjustHeight: 'dynamic', 
    // this function contains my call + options to prettyphoto, 
    // i named it lightbox. This was the magic fix. 
    }, function() { 
     lightbox(); 
     $(this).thumbanimate(); 
    } 
);