问题描述
Fancybox具有全面的支持，并且在桌面平台上可以正常工作，但是，如果显示如下所示的fancybox画廊，则移动/触摸设备不支持:hover state属性:
Fancybox has a full support and works fine on desktop platforms, however mobile/touch devices don't support the :hover state property therefore, if displaying a fancybox gallery like :
<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)，另一个则实际前进到下一个/上一个项目.
fancybox navigation arrows would need a double-click to move to the next item, one to show the navigation arrow (:hover) and other to actually advance to the next/prev item.
问题是:fancybox是否具有适用于ipad，iphone等的滑动功能?如果没有，如何使用jQuery来实现?
The question is : does fancybox have a swipe functionality for ipad, iphone etc. ? If not, how it can be implemented using jQuery?
推荐答案
尝试通过以下链接链接到.net教程:灯箱响应
try following link to .net tutorial: lightbox-responsive
真的很不错的尝试照片滑动插件，在此处找到
alternative try photo swipe plugin which is really good, find it here
其他选项:
swipjsjQuery Mobilejqtouch
swipjsjquery mobilejqtouch
这篇关于为jQuery fancybox灯箱添加滑动效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！