Advanced Navigation & Lightbox Scripts

[flobster]

Hi there, nice to see that kaytwo is making great advances,

I ran into an issue concerning the use of lightbox scripts. I'm trying
to make use of one of these scripts in a k2-childtheme:

http://catcubed.com/2008/12/23/ceebox-a-thickboxvideobox-mashup/
or http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

I have no idea which function to call when Advanced Navigation is
being loaded (if there is any!)

Would be helpful if there was a list of supported lightbox scripts and
some instructions on how to make them work.

[Michael Heilemann]

Haven't forgotten you; just ultra busy right now :)

--

You received this message because you are subscribed to the Google Groups "K2 Support" group.
To post to this group, send email to k2-su...@googlegroups.com.
To unsubscribe from this group, send email to k2-support+...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/k2-support?hl=en.

--
/ M

[Steve Lam]

For ceeBox, try adding this line in K2 Options > Ajax Success JavaScript:

jQuery(".entry-content").ceebox();

For prettyPhoto, try this:

jQuery("a[rel^='prettyPhoto']").prettyPhoto();

-Steve

[sean...@gmail.com]

I've had a related problem for quite some time now involving the
FancyZoom script not zooming photos on "rolled" pages. I asked here
awhile ago and was told to file a bug with the plugin author — no
response. I wouldn't think it was a bug with the plug as it only fouls
on pages that are served up through RA. I've often wondered if I need
to place some JS call in the Ajax Success Box... Setting an absolute
path in the FancyZoom doesn't make any difference. FancyZoom functions
perfectly on: homepage, single pages and everywhere with Advanced
Navigation disabled.

K2 1.0.2
WP 2.9
WP-FancyZoom (plugin)

On Jan 7, 2:05 pm, Steve Lam <spikeys...@gmail.com> wrote:
> For ceeBox, try adding this line in K2 Options > Ajax Success JavaScript:
>
> jQuery(".entry-content").ceebox();
>
> For prettyPhoto, try this:
>
> jQuery("a[rel^='prettyPhoto']").prettyPhoto();
>
> -Steve
>
> On Jan 3, 2010, at 2:22 AM, flobster wrote:
>
>
>
> > Hi there, nice to see that kaytwo is making great advances,
>
> > I ran into an issue concerning the use of lightbox scripts. I'm trying
> > to make use of one of these scripts in a k2-childtheme:
>
> >http://catcubed.com/2008/12/23/ceebox-a-thickboxvideobox-mashup/

> > orhttp://www.no-margin-for-errors.com/projects/prettyphoto-jquery-light...

[Michael Heilemann]

Yeah, it's definitely because of RA. It's one of the most asked questions, so I'd love to find a proper solution to it at some point soon.

For more options, visit this group at http://groups.google.com/group/k2-support?hl=en.

--
/ M

[flobster]

Thanks for you efforts, I already tried reinitializing ceeBox /
prettyPhoto this way, unfortunately without success. Up to now, the
only solution to maintain the lightbox functionality seems to be
completely disabling Advanced Navigation.

On 7 Jan., 21:05, Steve Lam <spikeys...@gmail.com> wrote:
> For ceeBox, try adding this line in K2 Options > Ajax Success JavaScript:
>
> jQuery(".entry-content").ceebox();
>
> For prettyPhoto, try this:
>
> jQuery("a[rel^='prettyPhoto']").prettyPhoto();
>
> -Steve
>
> On Jan 3, 2010, at 2:22 AM, flobster wrote:
>
> > Hi there, nice to see that kaytwo is making great advances,
>
> > I ran into an issue concerning the use of lightbox scripts. I'm trying
> > to make use of one of these scripts in a k2-childtheme:
>
> >http://catcubed.com/2008/12/23/ceebox-a-thickboxvideobox-mashup/

> > orhttp://www.no-margin-for-errors.com/projects/prettyphoto-jquery-light...

[Michael Heilemann]

Alright, so it took some time to figure out what was going on where and how, but it was great exercise.

I only looked at prettyPhoto, and this is how you get that working:

Go into /k2/app/classes/k2.php and change line 499 from:

jQuery('#dynamic-content').ajaxSuccess(function () {

To:

jQuery('#dynamic-content').ajaxComplete(function () {

This will allow the JS from the options page to properly on the new content loaded with rollingarchives. I've submitted the above change to subversion so it'll be in the next version as well.

Now add this to the ajax text area on the options page:

jQuery('.pp_overlay, .pp_pic_holder, .ppt').remove();

jQuery("a[rel^='prettyPhoto']").prettyPhoto();

And you're golden.

For more options, visit this group at http://groups.google.com/group/k2-support?hl=en.

--
/ M

[flobster]

I grabbed the latest svn-revision and quickly gave it a try with
ceeBox. Just added

jQuery('.entry-content').ceebox( { html: false } );

on the options page and it works like a charm now!

> > k2-support+...@googlegroups.com<k2-support%2Bunsu...@googlegroups.com>

> > .
> > > > For more options, visit this group athttp://
> > groups.google.com/group/k2-support?hl=en.
>
> > --
> > You received this message because you are subscribed to the Google Groups
> > "K2 Support" group.
> > To post to this group, send email to k2-su...@googlegroups.com.
> > To unsubscribe from this group, send email to

> > k2-support+...@googlegroups.com<k2-support%2Bunsu...@googlegroups.com>

[Michael Heilemann]

Excellent!

To unsubscribe from this group, send email to k2-support+...@googlegroups.com.

For more options, visit this group at http://groups.google.com/group/k2-support?hl=en.

--
/ M