javascript - Cloudzoom が fancybox と競合する

Question

過去 3 日間以来、fancybox を cloudzoom で動作させようとしていますが、まだ成功していません。問題は、画像をクリックすると派手なボックスがポップアップし、次/前のボタンをナビゲートできることですが、派手なボックスを閉じて画像に戻ると、画像が消えてしまいます。私はちょうど空のスペースで終わります。cloudzoom クラスを削除すると、すべて正常に動作します。

誰かがこのjsfiddleにfancyboxを適用できますか?

<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>