페이스 박스를 이벤트에 닫습니다.

안녕하세요. 누군가 내 사이트를 방문 할 때 "20 초를 입력하거나 기다리려면 [좋아하는 버튼을 클릭하십시오]"라는 메시지와 함께 페이스 박스를 표시하고, 같은 버튼이나 20 초를 클릭하면 사라지면, facebox가 사라집니다. 또한 닫기 버튼과 상자 닫기를 클릭하면 제거되어야합니다. 이것은 내가 시도한 것이다.페이스 박스를 이벤트에 닫습니다.

<script type="text/javascript"> 
    var sec = 10 
var timer = setInterval(function() { 
    $('#hideMsg span').text(sec--); 
    if (sec == -1) { 
     $('#hideMsg').fadeOut('fast'); 
     clearInterval(timer); 
    } 
}, 1000); 
</script> 
</head> 
<body> 
<div id="hideMsg" style="display:none;"> 
Click <iframe src="http://www.facebook.com/plugins/like.php?href=link&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe><br /> 
to enter or wait <span>10</span> Seconds! 
</div> 
<script type="text/javascript"> 
jQuery.facebox({ div: '#hideMsg' }) 
</script>

출처

2011-03-12 evOO starter

다운로드이 저장소에서 facebox 파일 : 나는 스크립트에 큰 변화를 수행하고 그래서 당신은 선택적으로 지정할 수 있습니다

https://github.com/thinknirmal/facebox

은 일반 닫는 옵션이 있습니다. jQuery를 통해 facebox을 시작할 때

, 그것은 다음과 같은 방법을 수행

당신이 false에 easyClose을 설정

$.facebox({ 
    div  : '#content-div', 
    easyClose : false 
});

, 모든 일반적인 닫는 옵션 (닫기 버튼, 배경에 키와 클릭 탈출)을 사용할 수 없습니다. easyClose의 기본값은 true입니다.

출처

2011-10-17 07:12:48 Nirmal

페이스 박스를 이벤트에 닫습니다.

답변

관련 문제