Fancybox won't load inline content.

Question

To make things easy, here's the site - http://schnell.dreamhosters.com/folio/pixelread.php View the source code all you like.

The middle button of the top bar in your browser window that says "Palette" is supposed to open up a fancybox in the middle of the screen, and that box should load into it the data inside the element with id of 'data', but it doesn't and comes up with an error message of "The requested content cannot be loaded. Please try again later." I took this example straight from the fancybox website and double-checked that all the CSS, image and JS files are in their proper place and loaded. So now I'm lost and no idea how to do/fix this.

PS - I use Google Chrome 6.0. I'll see if this happens in IE8 or Firefox.

PPS - Found a solution. I can force the HTML content that goes into a fancybox by using the 'content' property. Using that and jQuery I can easily stuff a box with whatever I want. Thanks for the help guys.

Answer 1

I think the problem is that fancybox isn't recognizing your content as being inline (not exactly sure why, but maybe something to do with the query string in the url, since it works when that isn't present).

I would try adding the explicit type: inline to your fancybox declaration:

$("a#inline").fancybox({'type':'inline'});