jquery - jquery移动滑动

Question

我想使用移动 jQuery 在移动设备中垂直滑动图像。我在 jQuery 中找到了一些关于 jCarousel 的链接，关于垂直和水平滑动，在我的情况下，我希望必须在没有箭头的情况下滑动图像。我找到了一个例子，我完全想在没有箭头的情况下做到这一点。

http://bxslider.com/examples/carousel-demystified#example8

http://sorgalla.com/projects/jcarousel/examples/static_vertical.html

谢谢

Answer 1

我写了一篇关于它的简单博客文章。检查一下......基本上你需要捕捉向左滑动和向右滑动事件并从你的数组中更改图像。

 $("#myImagePage").swiperight(function () {
        if (i < (imgURL.length - 1)) {
            i++
        } else {
            i = 0;
        }
        var imgStr = "<img src=" + imgURL[i] + " style='width:100%'>";
        $('#ImageDiv').html(imgStr);
    });
    $("#myImagePage").swipeleft(function () {
        if (i > 0) {
            i--
        } else {
            i = (imgURL.length - 1);
        }
        var imgStr = "<img src=" + imgURL[i] + " style='width:100%'>";
        $('#ImageDiv').html(imgStr);
    });

这是一个工作小提琴