1

我正在使用漂亮的照片来显示视频 - 它几乎可以作为漂亮照片网站上的演示

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">
  $(文档).ready(函数(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
  });
</脚本>


<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传递给该函数非常感谢

4

1 回答 1

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/

于 2012-03-15T09:57:02.323 回答