How to launch jQuery Fancybox on page load?

jquery jquery-plugins fancybox
Blegger picture Blegger · Apr 30, 2009 · Viewed 319.7k times · Source

I would like to launch a Fancybox (e.g. Fancybox's version of a modal or light box) on page load. I could bind it to a hidden anchor tag and fire the click event of that anchor tag via JavaScript, but I would rather just launch the Fancybox directly and avoid the extra anchor tag.

Answer

Blegger picture Blegger · May 4, 2009

Fancybox currently does not directly support a way to automatically launch. The work around I was able to get working is creating a hidden anchor tag and triggering it's click event. Make sure your call to trigger the click event is included after the jQuery and Fancybox JS files are included. The code I used is as follows:

This sample script is embedded directly in the HTML, but it could also be included in a JS file.

<script type="text/javascript">
    $(document).ready(function() {
        $("#hidden_link").fancybox().trigger('click');
    });
</script>

Related questions

Fancybox is not a function

Hello I am using the jQuery plugin fancybox to display bing maps when somebody enters an address into a textbox and hits the submit button beside it. And a fancybox is loaded and a map for that address is displayed. …

Read More
Adding zoom to Fancybox

I'm using Fancybox for my thumbnail gallery. I'd like to use JQZoom ( http://www.mind-projects.it/projects/jqzoom/ )with the fancybox as well. The end result: 1. User clicks on thumbnail 2.fancybox appears with larger image 3. User can mouse over image …

Read More
how to add text below image on fancybox plugin?

I'm using the fancybox plugin - http://fancyapps.com/fancybox/ I can't find where to add the class "data-fancybox-title" that suppose to show the text that is in the title under image when the lightbox open. I read the documentation …

Read More