javascript - 照片滑动jQuery

Question

如何调用 next/prev 方法？我需要将按钮分开，并且无法保留工具栏中的所有按钮。

Answer 1

看看Guthub 上的源代码，我不知道 Photoswipe 但我看了一眼源代码，发现如下：

    /*
     * Function: previous
     */
    previous: function(){

        if (this.isZoomActive()){
            return;
        }

        if (!Util.isNothing(this.carousel)){
            this.carousel.previous();
        }

    },



    /*
     * Function: next
     */
    next: function(){

        if (this.isZoomActive()){
            return;
        }

        if (!Util.isNothing(this.carousel)){
            this.carousel.next();
        }

    }

您可能想查看上面代码中引用的各个轮播函数。

Answer 2

PhotoSwipe 文档向您展示了如何实例化代码：

// Set up PhotoSwipe with all anchor tags in the Gallery container 
$(document).ready(function(){

    var myPhotoSwipe = $("#Gallery a").photoSwipe({ enableMouseWheel: false , enableKeyboard: false });

});

要转到下一张图片，只需在您的 photoSwipe 实例上调用“next”，如下所示：

myPhotoSwipe.next();

或“以前”返回

myPhotoSwipe.previous();

正如Denoir所提到的（谢谢！）。

希望这可以帮助。干杯。