0

モバイルjQueryを使用してモバイルで画像を垂直方向にスワイプしたい。私の場合、矢印なしで画像をスワイプする必要がある場合、jQueryでjCarouselに関するいくつかのリンクを垂直方向と水平方向にスライドすることについて見つけました。私は1つの例を見つけました、そして私はまさにこれを矢印なしでやりたいです。

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

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

ありがとう

4

1 に答える 1

2

私はそれについて簡単なブログ投稿を書きました。チェックしてください...基本的には、左スワイプと右スワイプのイベントをキャッチし、配列から画像を変更する必要があります。

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

これが働き者のフィドルです

于 2013-03-11T07:46:18.953 に答える