php - onFinish 时获取 Shadowbox 内的图像 URL？

Question

如何获取 onFinish 中运行的函数当前在 Shadowbox 中显示的图像的 URL？我正在尝试使用 EXIF 信息填充 div，我可以使用 PHP 完成该部分，但我不确定如何在 Shadowbox 中为每个图像执行此操作。

谢谢!

Answer 1

引用: jsFiddle Shadowbox Demo

要获取当前显示的 Shadowbox 对象的内容，请使用 Shadowbox API .getCurrent() 方法，后跟 content 属性:

Shadowbox.getCurrent().content

然后要在 Shadowbox onFinish Hook 选项中使用它，下面是要使用的 JavaScript 方法:

onFinish: function(){

    document.getElementById('theLocation').innerHTML = 'File Location: ' + Shadowbox.getCurrent().content;

}

<小时/>

要使用 jQuery 填充您的 div，最好确保您使用带有 Shadowbox jQuery 适配器接口(interface)的 Shadowbox(下载选项或 CMS 插件选项)。

引用:jsFiddle Shadowbox Demo with jQuery

onFinish: function(){

    $('#theLocation').html('File Location: ' + Shadowbox.getCurrent().content);

} 

<小时/>

状态更新: jsFiddle HTML Markup Only

上面的 jsFiddle 在 HTML 面板中包含了您需要的所有标记(提到的较少脚本)，以便有一个显示 EXIF 的工作示例网页 div 中的数据。它使用 jQuery .exif() 插件，并有很多注释供您理解和与 Shadowbox 一起使用。