Vanilla 2

sterumbelow

Hey Guys,

Got a problem that I've spent hours trying to fix but haven't had any luck yet!

I'm using PrettyPhoto along with quicksand, a plugin that allows me to filter/re-order a list of images.

PrettyPhoto is working great on the list, however, after filtering the list, PrettyPhoto will no longer work. Essentially, the animation takes place and then clicking the image results in it being opened in a new page rather than the lightbox.

I assume I just need to re-call it, maybe from the quicksand script? Maybe after "// Gets called when any animation is finished" in the quicksand javascript. I've tried everything I know, but have failed, hence why I'm asking for your help.

You can view the quicksand and prettyphoto javascripts here:

http://www.sim-modding.com/stuff/javascripts/

and my gallery is located at

http://www.gurugroup.net/#3

Thankyou in advance,

Ste Rumbelow

kosmokramer

I, too, am looking for an answer to this. See my question here:

http://forums.no-margin-for-errors.com/discussion/757/force-prettyphoto-to-refresh-when-content-changes-dynamically/p1

I believe we have, essentially, the same question.

scaron

Answer is here: http://forums.no-margin-for-errors.com/discussion/comment/1706/#Comment_1706

jaycbrf4

Ditch Quicksand and use Isotope

http://isotope.metafizzy.co/

no callback required.

markrichardson

Reviving a very old thread - but have you got an example of this working?

When I filter with isotope and open prettyPhoto it shows all images and not just the filtered set.

Would love to see how you have set it up.

jaycbrf4

you have to be sure to define the options:

<div id=\"options\">
<ul id=\"filters\" class=\"option-set\">
		<li><a data-filter=\"*\" href=\"#filter\" class=\"selected\">All</a></li>
		<li><a data-filter=\".web-design\" href=\"#filter\">Web Design</a></li>
		<li><a data-filter=\".graphic-design\" href=\"#filter\">Graphic Design</a></li>

	</ul></div>

Vanilla 2

Howdy, Stranger!

Categories