javascript - 写真スワイプjquery

Question

次/前のメソッドを呼び出すにはどうすればよいですか? ボタンをさらに分離する必要があり、ツールバーのすべてのボタンを保持できません。

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();

デノワールが述べたように（ありがとう！）。

お役に立てれば。乾杯。