自过去三天以来,我一直在尝试让 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>