滑动以在新图像中滑动

Question

我正在寻找一个脚本或教程，我可以在其中显示包含在锚标记中的图像，当我向左或向右滑动时，它会显示一个新图像。此脚本应与json和jquery mobile一起使用，并指示幻灯片中有多少图像。有这样的教程吗？

Answer 1

Awesome Mobile Image Gallery

可以用作静态图片库，也可以通过$.ajax动态加载图片。

Answer 2

我自己错了使用jQuery for jQuery Mobile的最简单形式的图像滑块。

您可以找到Tutorial here和demo here。

以下是核心

$("#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);
    });