PrettyPhoto - ユーザーがモーダルボックス

Question

私はビデオを表示するには、かなりの写真を使用してい

閉じたときに追跡する方法 - prettyphotoのウェブサイト上のデモとしてはかなり作品を

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto

あなたが最初のデモを見れば - 私のウェブサイトで - 同様のウィンドウが開きますが、画像の代わりにビデオが再生されます。

このウィンドウでは、右下に小さな「x」が表示されます。ユーザーがクローズをクリックすると、それをトラッキングしたいと思います。基本的にユーザーが閉じるをクリックするとjquery関数がトリガされ、これを使ってサーバーサイドスクリプトを呼び出すことができます。

これが私の現在の設定

 
<link rel="stylesheet" href="/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> 
<script src="/js/jquery.prettyPhoto2.js" type="text/javascript" charset="utf-8"> 

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function(){ 
    $("a[rel^='prettyPhoto']").prettyPhoto(); 
    }); 
</script> 


<a href="/course/play-video/topic_id/topic_id;?>?iframe=true&width=470&height=340" rel="prettyPhoto" title="topic_name;?>"> 
<img src="/images/videos/" width="170" height="103" alt="topic_name;?>"/> 
</a> 

である。しかし、ユーザがクローズをクリックすると、その機能にドキュメントがあるくらい

Answer 1

で 感謝をトピックIDを渡すためにとにかくがあるとき、私はトラッキングするにはどうすればよいです

callback: function(){}, /* Called when prettyPhoto is closed */ 

とその中にあなたが好き欲しいものを置くことができます：あなたがカスタマイズのために追加することができますライン

あなたは、彼らがここに使用例を見ることができます

callback: function() { alert('Prettyphoto closed'); } 

、http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/