jquery - Triggering colorbox on page load using href and rel properties results in empty colorbox -

jquery - Triggering colorbox on page load using href and rel properties results in empty colorbox -

i using colorbox allow readers view , navigate through series of divs in page -- mixed media slideshow, more or less. using script, , can view page functionality @ http://new.evideoexpress.com/services/.

jquery(".colorbox").colorbox({ inline:true, rel:'colorbox', transition:"elastic", width:"75%", height:"75%", current:"", previous:"previous", next:"next", close: "close" });

i utilize rel property create grouping of divs gallery, each of assigned id. anchors in document trigger lightbox this:

<a class="colorbox" href="#commercial-distribution"><span>learn more</span></a>

this works expected. under conditions, want trigger colorbox when page loads. test, running script when document ready, using href property identify target div.

jquery.colorbox({ href:"#commercial-distribution", inline:true, rel:'colorbox', transition:"elastic", width:"75%", height:"75%", current:"", previous:"previous", next:"next", close: "close" });

from i've read, expectation running script page loads equivalent of running first script when a.colorbox clicked. however, though colorbox opens after page loads, empty, without contents.

am missing here? help appreciated.

jquery colorbox