为 jquery Fantasybox 灯箱添加滑动效果 [英] add swipe effect for the jquery fancybox lightbox

问题描述

Fancybox 完全支持并且在桌面平台上运行良好，但是移动/触摸设备不支持 :hover 状态属性，因此，如果显示像 :

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 移动版jqtouch

swipjs jquery mobile jqtouch

这篇关于为 jquery Fantasybox 灯箱添加滑动效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！