2012-03-15 3 views
1
내가 비디오를 표시하는 예쁜 사진을 사용하고

닫을 때 추적하는 방법 - 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> 

입니다 그러나 사용자가 닫기를 클릭하고 함수에 문서가 훨씬

답변

5

에서 감사를 주제 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/

+0

감사 스콧 - 내가 찾던 정확히 이잖아. 한 가지 더 - 각 링크에는 고유 한 topic_id가 있습니다. 어쨌든이 topic_id를이 콜백 함수에 전달할 수 있습니다. – Gublooo

+0

당신은 $ (this)가 그 함수 내에서 무엇을 생성하는지 알 수 있습니다. 그러나 저는 그것이 전체적으로 갤러리를 참조 할 것이고 문서는 그런 일을 할 수있는 public 함수를 명시하지 않는다고 생각합니다. 그래서 작동하지 않는다면 그림이 바뀌면 changepicturecallback과 같이 어딘가에 저장할 수 있습니다 : function() {$ ('current_topic_hidden_element') text. } 그리고 나서 콜백 함수에서 $ ('# current_topic_hidden_element') .text()를 다시 얻으십시오. (id = "current_topic_hidden_element"를 페이지에 저장해야합니다 ...) – scott

+0

hmm 그러면 changepicturecallback이됩니다. 그림이 바뀌면 호출됩니다. 따라서 제 경우에는 하나의 비디오 만 재생됩니다.이 함수를 호출해도됩니다. 둘째로 topic_id를 href = "/ course/play-video/topic_id/topic_id;와 같은 href의 일부로 추가했는지 궁금합니다. topic_id = 15 & iframe = true & width = 470 & height = 340"- 콜백 함수에서. 시간 주셔서 감사합니다 – Gublooo