cloudzoom里面的fancybox

Question

您好我正在尝试使用fancybox制作cloudzoom（innerzoom）。我遵循了link

但是我在控制台中不断收到此错误，因为我将光标移动到缩放图像上：

TypeError: opts.itemArray[opts.itemCurrent] is undefined

这是我的剧本：

<script type="text/javascript">
    $(document).ready(function() {

        $(".fancybox").fancybox({
'onComplete'    :   function(arg) {
    // Here does the magic starts
    $('#fancybox-img').wrap(
        $('<a>')
        .attr('href', $(arg[0]).attr('href'))
        .addClass('cloud-zoom')
        .attr('rel', "position: 'inside'")
    );
    // That's it
    $('.cloud-zoom').CloudZoom();
}
 });
    });
</script>

Anchor标签是这样的：

                    <a href="images/usr/scarvezoom1.jpg" class="fancybox">
                    <img src="images/usr/scalf1.png" alt="" />

                    </a>

我在做什么错？