fancybox有完全的支持并且在桌面平台上运行良好,但是移动/触摸设备不支持:hover state属性,因此,如果显示如下的fancybox图库:
<a class="fancybox" rel="gallery" href="image01.jpg">01</a> <a class="fancybox" rel="gallery" href="image02.jpg">02</a> <a class="fancybox" rel="gallery" href="image03.jpg">03</a> ... etc.
这个简单的代码:
$(".fancybox").fancybox();
fancybox导航箭头需要双击才能移动到下一个项目,一个用于显示导航箭头(:hover),另一个用于实际前进到下一个/ prev项目.