Comments on: Integrating Spry with Lightbox

By: johncblandii

johncblandii — Sat, 06 Mar 2010 18:20:27 +0000

You might want to try out colorbox. I used that yesterday and it worked really well for video. http://colorpowered.com/colorbox/

By: Michael

Michael — Sat, 06 Mar 2010 16:14:58 +0000

I'm looking for a way to incorporate a lightbox within a spry dataset. I'm using one of the Dreamweaver CS4 templates that pulls the data in from a XML. The template I'm using is the one with the button on the left and the content areas is on the right. I'm trying to dynamically load a video that gets it's location from the XML file. Would like this video to load into the light box. Every solution I try it just opens the image in another window, without loading the lightbox.

By: johncblandii

johncblandii — Sun, 18 Oct 2009 19:56:40 +0000

Hey Perry, check the Usage page on the fancy box site: http://fancybox.net/howto. It goes through the steps for adding it to your site. In short, just put the javascript and css lines of code in the head tag of your html.

By: Perry Garvin

Perry Garvin — Sun, 18 Oct 2009 17:18:43 +0000

Hi there - I'm using http://fancybox.net/ as my lightbox solution. Can you tell me what to put in my html / head / script tag block to make it work? Thanks in advance! Perry

By: John C. Bland II

John C. Bland II — Sun, 20 Apr 2008 16:53:28 +0000

It should go in your JS file or in your html/head/script tag block. This code is basically setting an event listener and once the data comes back it waits 1 second to tell Lightbox to run.

Look at Kin’s comment as well. He has a link to a forum post and gives another way of doing it.

Hope it helps.

Thanks.

By: Richard Stevens

Richard Stevens — Sun, 20 Apr 2008 15:16:08 +0000

Hi, Could you explain where exactly this piece of code needs to go to get this to work?

I’m experiencing the same problem but don’t know where to add this code to correct it.

Thanks, Richard

By: John C. Bland II

John C. Bland II — Wed, 27 Feb 2008 20:33:13 +0000

Good deal Kin. I figured there was a better way and but I didn’t find a good reference to all of the events and when they are called.

By: Kin Blas

Kin Blas — Wed, 27 Feb 2008 19:38:49 +0000

Hey John,

Most of the ‘box kits automatically fire off their initialization functions on DOMReady or onload. Unfortunately that is usually before Spry has had a chance to pre-process the regions on the page that may contain the images/content you want the ‘box kit to use.

To sync things up, you probably want to use an onPostUpdate observer on the region that contains the content, instead of an observer on the data set.

See this Spry Pre-Release forum post for more details:

http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=602&threadid=1339767&enterthread=y

–== Kin ==–