Auto Close Fancybox
Parent Page Code (from where fancybox script is called)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <script type="text/javascript" >
$().ready(function(){
'hideOnContentClick': true,'callbackOnShow': autoClose });
$("a.uploadVideo").fancybox({'frameWidth': 400, 'frameHeight':160});
});
< /script>
< script type="text/javascript" src="http://localhost/test/jscripts/jquery.js">< /script>
< script type="text/javascript" src="http://localhost/test/jscripts/jquery.fancybox/jquery.fancybox-1.2.1.pack.js">< /script>
< script >
function triggerClose(){
var el = $("#fancyCloseId");
el.bind("click", $.fn.fancybox.close);
el.trigger('click');
}
function autoClose(){
setTimeout("triggerClose()",1000);
}
< /script>
< body >
< a class="iframe uploadVideo" href="iframepage.html?ie=UTF-8&aid=video">Video< /a>
< div id="fancyCloseId">< /div
< /body > |
iframepage.html page
———————–
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | < script type="text/javascript" src="http://localhost/test/jscripts/jquery.js">< /script>
< script type="text/javascript" src="http://localhost/test/jscripts/jquery.fancybox/jquery.fancybox-1.2.1.pack.js">< /script>
< body >
...........message here........
< /body>
$(function(){
if(typeof(parent.autoClose)=="function"){
parent.autoClose();
}
else {alert("Function not found")};
});
</script> |
5 Comments
Jerry Peterson on March 25th, 2010
191I am looking for a function that will automatically open an image when the main web page loads. I got that to work. Now I need a function to automatically close the image after a second or 2 without user interaction. Please send contact info and I will send you the code I am using. The code you posted looks like it is for version 1.2.1 and I use 1.3.1. Thank you Jerry
anunay on April 7th, 2010
199I’m sorry for this delay writing. But anyway you can reach me through skype: anunay
or you can mail me at ‘anunay.dahal@live.com’
Thank you
anunay on April 7th, 2010
200I think there is a mistake with my Skype ID:
here is the correct one:
anunay.dahal
jeiboy on November 9th, 2010
252I have a question how to disable auto close in facebox?anyone could teach me how?

Welcome to my blog site. My name is Anunay Dahal. I'm currently working
Ashin on January 8th, 2010
49good article. thanks for sharing!