javascript - Cloudzoom 与 fancybox 冲突

Question

自过去三天以来，我一直在尝试让 fancybox 与 cloudzoom 一起工作，但我仍然没有成功。问题是，一旦我单击图像，fancybox 就会弹出，我可以浏览下一个/上一个按钮，但是当我关闭fancybox 并返回图像时，图像就消失了。我只是以空的空间结束。如果我删除 cloudzoom 类，那么一切正常。

请问有人可以将fancybox应用于这个jsfiddle吗？

<script type="text/javascript">
$(document).ready(function(){
$('.fancybox').fancybox({
width : 1100,
 height : 500,
  fitToView : true,
 autoSize : false,
 padding: [20, 20, 20, 20],
 });
 });
</script>
<a href="image/big.png" class="fancybox" data-fancybox-group="gallery"><img src="small.jpg" class="cloudzoom"></a>