PrettyPhoto - 如何在用户关闭模态框时进行跟踪

时间:2012-03-15 09:49:50

标签: javascript jquery 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传递给该功能 非常感谢

1 个答案:

答案 0 :(得分:5)

在文档中,您可以添加一行以进行自定义:

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/