在两个方向上滑动时加载图片？

Question

我在我的网站上实施了这个hammertime示例来刷图像： https://rawgit.com/hammerjs/hammer.js/master/tests/manual/nested.html

现在我想在＆＃34; HOT OR NOT＆＃34; -voting中创建一个投票，所以在开始时只有2个图像。但取决于我是否向右滑动投票选择HOT或向左滑动以投票选择NOT。

所以它看起来像这样，但用户在刷卡之前无法看到下一个（第二个）图像： [2] [1] [2]

因此，如果我向右滑动图像[2]正在显示，[3]将成为下一张图像，依此类推，无论我向右还是向左滑动，因为如果我认为某人是否热，则滑动即可。所以整个系统是无限的。

我应该在代码中更改哪些内容能够在两个方向上滑动，而不是像示例中那样向右滑动，并在两个方向上看到下一张图像？

我是否必须更改这些内容？

        onPan : function (ev) {

            var indexNow = this.currentIndex;
            var delta = dirProp(this.direction, ev.deltaX, ev.deltaY);
            var percent = (100 / this.containerSize) * delta;
            var animate = false;
            if (ev.type == 'panend' || ev.type == 'pancancel') {
                if (Math.abs(percent) > 20 && ev.type == 'panend') {
                    this.currentIndex += (percent < 0) ? 1 : -1;
                }
                percent = 0;
                animate = true;
            }
            this.show(this.currentIndex, percent, animate);