integrating fancybox keeps images at 0 opacity and breaks thumbnail/arrow navigation

[GoogleCodeExporter]

What steps will reproduce the problem?
1. visit URL: http://riderdesigned.com/staging/aldenparkes/chairs/index.html
2.
3.

What is the expected output? What do you see instead?
Integrate fancybox. The integration works but the opacity of the images stays 
at 0. Also, clicking on the thumbs and/or next/prev arrows doesn't load the 
next image. But, if you click on the large image it still advances and loads 
the next image

What version of the product are you using? On what operating system?
Latest version on Mac OS

Please provide any additional information below.
the code that powers fancybox is in example.js
an example of the fix would really help

Original issue reported on code.google.com by frank.ra...@gmail.com on 6 Feb 2011 at 5:04

[GoogleCodeExporter]

the same here. It gives 'style=opacity: 0' to the .image-wrapper
try this:
onTransitionIn: function() {
  $("a.fancybox").fancybox();
  $('.image-wrapper').removeAttr('style');
}
this removes that attribute and the opacity is gone :)

Original comment by peto.5...@gmail.com on 20 Feb 2011 at 3:01