PrettyPhoto - 如何跟蹤，當用戶關閉模式對話框

我使用漂亮的照片顯示視頻 - 它幾乎工程作爲prettyphoto網站上的演示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>

但如何當用戶點擊關閉，反正是有主題ID給該函數感謝很多

來源

2012-03-15 Gublooo

在文檔如何追蹤一條線，你可以添加自定義：

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/

來源

2012-03-15 09:57:02 scott

感謝斯科特 - 那正是我一直在尋找。還有一件事 - 每個鏈接都有一個唯一的topic_id - 無論如何，我可以將此topic_id傳遞給此回調函數。 – Gublooo 2012-03-15 10:14:42

您可以看到$（this）在該函數中產生了什麼，但我認爲這將整體引用該庫，並且文檔沒有指定可以這樣做的公共函數。因此，如果這不起作用，當圖片被改變時，你可以將它存儲在像changepicturecallback：function（）{$（'＃current_topic_hidden_element'）。text（$（this）.attr（'href'））; }然後在回調函數中，再次獲得$（'＃current_topic_hidden_element'）。text（）（你需要在頁面上有一個id =「current_topic_hidden_element」的元素來存儲那個...） – scott 2012-03-15 10:41:54

hmm所以changepicturecallback會是當圖片改變時調用 - 所以在我的情況下只播放一個視頻 - 這個函數甚至會被調用。其次，我想知道是否將topic_id添加爲href的一部分，如href =「/ course/play-video/topic_id/topic_id;？>？topic_id = 15＆iframe = true＆width = 470＆height = 340」 - 是否有可能獲得它在回調函數中。感謝您的時間 – Gublooo 2012-03-15 10:50:15

PrettyPhoto - 如何跟蹤，當用戶關閉模式對話框

回答

相關問題