在Shadowbox onFinish中获取图片网址？

Question

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

谢谢！

Answer 1

参考： jsFiddle Shadowbox Demo

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

<强> Shadowbox.getCurrent().content

然后在Shadowbox onFinish钩子选项中使用它，这是要使用的JavaScript方法：

onFinish: function(){

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

}

---

要使用jQuery填充你的div，最好确保你使用Shadowbox和Shadowbox jQuery Adapter接口（下载选项或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。