Working on a new version of my site but can't get fancy box to load properly:
http://www.taintmovie.com/storecartloom2/
I checked for duplicate calls to jquery, but did not see any.
Working on a new version of my site but can't get fancy box to load properly:
http://www.taintmovie.com/storecartloom2/
I checked for duplicate calls to jquery, but did not see any.
Digging a little bit more into the issue, is not the packed version of the fancybox.js file that is broken as previously suggested (I compared the file with the fancybox website and they matched.)
There are three things you have to fix in your website in order to get rid of the error and make fancybox to work properly:
1). Close your
<head>
tag (currently there is not</head>
closing tag)2). You said you checked for jQuery duplicates BUT you are loading this script:
LINK HERE, which includes jQuery v1.4.2 so it's conflicting with v1.7.2 already loaded.
This is actually the reason of this error:
... you may want to edit that file and strip out the jQuery part.
3). You are binding fancybox to the selector
.fancybox
like :...however your html looks like:
you actually need to set the class
fancybox
besides thefancybox.iframe
class like:... otherwise it won't work.
Messing about with firebug it looks like the packed version of the fancybox.js is broken. I changed the source in the developer console to the unpacked version and it ran properly.