为Lightbox2添加滑动支持?

时间:2017-02-17 23:20:47

标签: swipe lightbox2

我在我的网站上使用Lightbox2,根据我的口味我发现它是最好的画廊但是还有一个问题:我不喜欢移动设备的滑动支持......这对用户来说是令人沮丧的。

有人知道如何为Lightbox2插件添加滑动手势支持吗?

此致

1 个答案:

答案 0 :(得分:1)

我使用Hammer.js库来执行滑动功能。 首先将Hammer库添加到您的站点:hammerjs on github 其次,将jquery.hammer.js函数添加到您的站点。 Github位置:Github

最后将jquery脚本代码添加到您的站点:

$('#lightbox').hammer().on("swipe", function (event) {
                if (event.gesture.direction === 4) {
                    $('#lightbox a.lb-prev').trigger('click');
                } else if (event.gesture.direction === 2) {
                    $('#lightbox a.lb-next').trigger('click');
                }
            });