CloudZoom用的fancybox(CloudZoom with Fancybox)

我有点新的JavaScript，我大多只是发展中的网页时，与CSS样式鬼混。

我跑进试图用的fancybox整合Cloudzoom一个问题。我一直在试图按照指示如下指示： http://blog.codestars.eu/2010/cloud-zoom-in-der-fancybox/

我能去除了一个小error--出于某种原因工作完美的效果（我所有的图片都在画廊，使用更简便，通过滚动的fancybox），变焦永远只能是该系列第一张图像。

如果有人可以帮助我理清这一点？预览任何画廊在这里： http://bit.ly/LaPzEH

这是我认为的珍闻只是稍微偏离 - 我认为这是与在此代码被关闭的href行：

    $j('a[rel=gallery]').fancybox({ 
    padding: 0,
    overlayColor: '#'+$j('#skin_color').val(), 
    transitionIn: 'fade',
    transitionOut: 'fade',
    overlayOpacity: .9,
    onComplete    :   function(arg) {
        $('#fancybox-img').wrap(
         $('<a>')
         .attr('href', $(arg[0]).attr('href'))
         .addClass('cloud-zoom')
         .attr('rel', "position: 'inside'")
    );
    $('.cloud-zoom').CloudZoom();
}
});

任何一个所有帮助是极大的赞赏！

编辑：得到它的工作通过改变

$(arg[0]).attr('href')

至

this.href

顺便说一句（因为我无法找到许多cloudzoom /的fancybox线程），你也可以通过编辑JS代码的fancybox具有的fancybox-内显示为可见的，而不是隐藏的改变由内至左/右等的位置。

如果这个想法是包裹#fancybox-img与锚选择class="cloud-zoom"和相同href是打开的fancybox像锚的属性

<a href="{same as anchor}" class="cloud-zoom" rel="position: 'inside'">
 <img id="fancybox-img" src="{big image}" alt=" " />
</a>

...所以云变焦可以在特定的图像上工作，那么我会重新写onComplete回调，如：

'onComplete' : function(){
  $('#fancybox-img').wrap(
    $('<a />')
     .attr('href', this.href) // this.href gets the "href" of the current image
     .addClass('cloud-zoom')
     .attr('rel', "position: 'inside'")
    ); // wrap
  $('.cloud-zoom').CloudZoom();
} // onComplete

（没有想法什么的挫折感onComplete : function(arg)会做，但在任何情况下，它会更好地使用'onComplete' : function(currentArray, currentIndex)为标准的fancybox代码的缘故）

旁注：

您正在加载的jQuery（1.4.2和1.7.1）的两个版本，当你真正需要的单个实例（最好是最新版本），以避免发生意外错误。
您正在使用的fancybox V1.3.0 ......它不会伤害到至少升级到V1.3.4

设置像引号之间所有的fancybox API选项

 "padding": 0, // it's OK 0 without quotes (integer and Boolean values go without them) "overlayColor": '#'+$j('#skin_color').val(), "transitionIn": 'fade', "transitionOut": 'fade', "overlayOpacity": .9, "onComplete": ...etc

存在已知的问题（主要是与IE），因为（的fancybox v1.3.x）