PrettyPhoto - как отследить, когда пользователь закрывает модальное окно - PullRequest
Новая
       14

PrettyPhoto - как отследить, когда пользователь закрывает модальное окно

1 голос
/ 15 марта 2012

Я использую красивую фотографию для показа видео - в значительной степени она работает в качестве демонстрации на сайте prettyphoto

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

Если вы посмотрите первую демонстрацию - на моем сайте - открывается похожее окно, но вместо изображения воспроизводится видео.

Теперь включеноэто окно, есть этот маленький «х» в правом нижнем углу.Поэтому, когда пользователь нажимает на кнопку «Закрыть», я хочу отслеживать это.Обычно, когда пользователь нажимает кнопку закрытия, должна запускаться функция 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>

Но как мне отслеживать, когдапользователь нажимает кнопку закрытия и в любом случае может передать идентификатор темы этой функции. Большое спасибо

1 Ответ

5 голосов
/ 15 марта 2012

В документации есть строка, которую вы можете добавить для настройки: 

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

и в которую вы можете поместить то, что вы хотите: 

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

Вы можете увидеть пример, который онииспользуйте здесь, http://www.no -margin-for-errors.com / projects / prettyphoto-jquery-лайтбокс-клон / документация /

...