Fancy Box and Jquery Tiny Scroll Bar Prolem

I am working on a page and having problem with the Fancybox close action for the Image gallery in the first button at the bottom, the gallery is closed but overaly is still there. Here is the test link How ever the same settings a开发者_开发知识库re working for the second link "Floor Plan".

Secondly I am using a Tiny Scrollbar plugin for the gallery on the page. The thumbs on the left side have blue scroll bar if they are larger in contents. This scroll bar does not appear in Google Chrome, and sometime don't show up even in other browser if the page loads first time, then I have to refresh the page to show it. Any idea about the problem will be greatly helpful.

Thank you!

First off, I noticed you're suing jQuery 1.3, why? Here's 1.6: http://jquery.com/

It isn't that much larger, and its an updated library. That may fix your problem.

If that didn't work, then delete the fancybox.js, re-downlod and put it in again, same with css. Make sure the css is called at the end of your css document.

If that doesn't work, I suggest getting rid of your javascript files one by one until there is only fnaycbo xleft, it's obviously some conflicting code at this point, so you'll have to troubleshoot by trial and error, going through one by one to findout what script is preventing close. I don't have access to your server, so I can't test it.

It's most likely in main.js, so remove that first, and see if fancybox works then!

ETA: Scrollbar fix.

The problem is something is adding a disabled selector, it's javascript. But you could change up tinyscrollbar.js to fix it, or you could go to your css, find the line:

'#scrollbar1 .disable {display:none}

and remove that line entirley, it's causing your scrollbar not to appear in browsers the javascript is (for some reason) disabling in.

In my case I solved with the next modification:

$(document).bind("load", function() { $('#myTinyScrollbar').tinyscrollbar(); });

Well you have an error in console:

d.onClosed is not a function

It could be because:

• Your using an old version of jQuery possibly not supported by Fancybox. Try updating to 1.6, though beware legacy plugins or code that could break due to the steep upgrade.

• A compression issue. It's possible i.e. the Google Closure could of removed what it saw as "unneeded" code and therefore broke the functionality. Try using uncompressed Fancybox to see if it fixes it, if it does then you know this the issue, rather than your jQuery version.