php - 在 Shadowbox onFinish 中获取图像 URL？

Question

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

谢谢！

Answer 1

参考： jsFiddle Shadowbox Demo

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

Shadowbox.getCurrent().content

然后在 ShadowboxonFinish钩子选项中使用它，这里是使用的 JavaScript 方法：

onFinish: function(){

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

}

---

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

参考：jsFiddle Shadowbox Demo with jQuery

onFinish: function(){

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

} 

---

状态更新： 仅 jsFiddle HTML 标记

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