Question

I have loaded the appropriate fancybox script and the stylesheet, and initialized the simplest version of fancy box that I can. I have never had this problem before, and the code works fine in a JSfiddle, but this time I get the loading icon appearing right smack in the middle of the page, before any fancy boxes are intentionally triggered.

http://www.michaladarling.com/

And then when I click on the small thumbnails at the bottom to launch the fancy box, I get an error in my console that reads:

Uncaught TypeError: Object # has no method ‘onCleanup’

Something small must be off and I just can’t see it.

Answer 1

“…I get the loading icon appearing right smack in the middle of the page, before any fancy boxes are intentionally triggered.“

That is not the fancybox’s loading icon but nivoslider’s loading icon. Check here.

---

“…I get an error in my console that reads: “

Uncaught TypeError: Object # has no method 'onCleanup'

That error is generated when the fancybox css file is missing as you can see it here.

In your specific case, you are using the fancybox v2.1.4 css file with the fancybox v2.1.3 js file … so there is a version mismatch.

Just upgrade the fancybox js file to v2.1.4