Quicksand + PrettyPhoto

jaycbrf4 said
I had this problem as well. I asked the developer of Quicksand for help and he told me to learn javascript… I asked the developer of PrettyPhoto for help and the response was ” I don’t have time to fix Quicksand”

Issue Solved!!!!

Screw Quicksand and use jQuery Isotope http://isotope.metafizzy.co/

Just as good if not BETTER than Quicksand. Much easier to use, configure, and implement.

No callback required for prettyPhoto, it just works!

The problem is, isotope isn’t free, http://metafizzy.co/#licenses

I would rather spend money on a good JavaScript Book (jQuery books kind of limit you to jQuery only).

Learn JavaScript, it’s a very useful language to know!

@Genem, I haven’t looked at your code but did you use enhancement to do a function callback? It’s used for custom functions after quicksand sorting?

you can view the documentation here:

http://razorjack.net/quicksand/docs-and-demos.html (look for the “Integration with other plugins” section, before the examples section on the page).

Here’s an example of how you would do a function callback:

$("#content").quicksand($("#data > li"), 
  {
    duration: 1000,
    enhancement:
     function() {
    //callback function, you will add your prettyPhoto function callback here.
    $("/*add selector here*/ a[rel^='prettyPhoto']").prettyPhoto({slideshow:5000, autoplay_slideshow:true});    });
   }
  }
);

Masssh said

The problem is, isotope isn’t free, http://metafizzy.co/#licenses

I would rather spend money on a good JavaScript Book (jQuery books kind of limit you to jQuery only).

Learn JavaScript, it’s a very useful language to know!

@Genem, I haven’t looked at your code but did you use enhancement to do a function callback? It’s used for custom functions after quicksand sorting?

you can view the documentation here:

http://razorjack.net/quicksand/docs-and-demos.html (look for the “Integration with other plugins” section, before the examples section on the page).

Here’s an example of how you would do a function callback:

$("#content").quicksand($("#data > li"), 
  {
    duration: 1000,
    enhancement:
     function() {
    //callback function, you will add your prettyPhoto function callback here.
    $("/*add selector here*/ a[rel^='prettyPhoto']").prettyPhoto({slideshow:5000, autoplay_slideshow:true});    });
   }
  }
);

Works like a charm Thank you for saving me time! Javascript books indeed are a good investment, will pay off in the long run.

A note: disable the deeplinking in prettyPhoto to escape problems with QuickSand’s sorting.