Jquery Galerie d'images avec des catégories

Question

Je vais utiliser le plugin jquery Galleriffic pour afficher mes images (s'il vous plaît regarder démo ici: http://www.twospy.com/galleriffic/advanced.html

Je veux inclure des catégories ci-dessus la galerie, mais quand chaque catégorie est cliqué, je veux la galerie d'images pour changer dynamiquement, ce qui veut dire que je ne veux pas que la page soit rechargée à chaque fois que l'on clique sur une catégorie, mais plutôt que je veux juste changer la zone de la galerie. Le code similaire que vous avez utilisé?

Answer 1

AJAX fonctionnerait.Il suffit d'avoir une méthode qui renvoie le code HTML pour cette galerie particulière DIV ou l'ensemble de thumbs/images qui composent la galerie. Il est plus facile de créer une méthode côté serveur pour produire la galerie HTML en premier lieu et de la réutiliser pour générer le code HTML pour l'appel AJAX. Avoir la méthode qui obtient le nouveau HTML ré-invoquer le plugin de la galerie sur le code HTML lorsque le rappel se termine.

$('#category').change(function() { 
    $('div#gallery').load('/some/url/togeneratehtml', 
          { category : $(this).val() }, 
          function() { 
          $('div#gallery').gallerific(); 
          }); 
});