How can I get the URL of the image currently being shown in Shadowbox for a function running in onFinish? I'm trying to populate a div with EXIF information, and I can do that part with PHP, but I'm not sure how to do this per image in Shadowbox.

The above jsFiddle contains in the HTML panel all the markup you need (less scripts mentioned) to have a working example of showing EXIF data in a webpage div. It uses the jQuery .exif() plugin and has a lot of comments to understand and use with Shadowbox.

Hi Arttronics, thank you very much for this! It's working great. If I want to extend this a bit, however, and pass this along to an EXIF jQuery plugin, I figure I could do it like this, but it doesn't appear to be working. Can you double-check my syntax? onFinish: function(){ $("#sb-body-inner").prepend("<div id='sb-exif'></div>"); $("#sb-exif").html("Taken with a: " + $(Shadowbox.getCurrent()).exif("Make") + " " + $(Shadowbox.getCurrent()).exif("Model")); }
–
NaOHJul 27 '12 at 15:58

I now understand the entire scope of your Question. Simple errors in your markup include not using .content to get the file URL, using that Shadowbox API twice (hint: use variable), but more importantly your HTML will need to change to accommodate this feature since you need to include the added height of your dynamic div. Please provide link to .exif() plugin so I can provide correct jQuery and HTML for you (teaser jsFiddle). Cheers!
–
arttronicsJul 27 '12 at 20:24

Art, thank you so much. Your dedication to this is astounding.
–
NaOHJul 28 '12 at 5:20

NaOH, here is working markup to copy to your folder of using Shadowbox onFinish to provide EXIF information in a populated div. The example uses onFinish via a class name on the anchor you want to have this functionality. Reference: jsFiddle HTML Markup Only
–
arttronicsJul 30 '12 at 6:51