php - Shadowbox onFinish 内の画像 URL を取得しますか?

Question

onFinish で実行されている関数の Shadowbox に現在表示されている画像の URL を取得するにはどうすればよいですか? div に EXIF 情報を入力しようとしています。その部分は PHP で実行できますが、Shadowbox で画像ごとにこれを行う方法がわかりません。

ありがとう！

Answer 1

参考： jsFiddle Shadowbox デモ

現在表示されている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 を使用していることを確認するのが常に最善です。

参考：jQueryを使ったjsFiddle Shadowboxのデモ

onFinish: function(){

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

} 

---

ステータスの更新: jsFiddle HTML マークアップのみ

上記の jsFiddle には、Web ページの div にEXIFデータを表示する実際の例を示すために必要なすべてのマークアップ (言及されているスクリプトは少ない) が HTML パネルに含まれています。jQuery .exif() プラグインを使用し、理解して Shadowbox で使用するためのコメントがたくさんあります。