swiper-fullscreen

    2.0.5 • Public • Published

    Swiper-Fullscreen

    A fullscreen gallery made with component-dialog and swiper.

    Demo

    Usage

    The componentn is written to be used with browserify.

    $ npm install swiper-fullscreen

    Then you can create an instance of the slider and manage it through API.

    var swiperFullscreen = new SwiperFullscreen({
        ...options...
    });
     
    swiperFullscreen.show();

    API

    const options = {
        navigation: true, //show navigation arrows if slides number is more than 1
        swiper: {...object...} // swiper settings for the slideshow
    };
     
    const swiperFullscreen = new SwiperFullscreen(options);
     
    swiperFullscreen.swiper; // the instance's swiper object so you can manipulate it
    swiperFullscreen.show(slideIndex); //instance's method to show the dialog popup. 'slideIndex' parameter is optional
    swiperFullscreen.hide(); // hide the dialog with the slider
     
    swiperFullscreen.show(); //...and show it

    NPM

    Keywords

    none

    Install

    npm i swiper-fullscreen

    DownloadsWeekly Downloads

    7

    Version

    2.0.5

    License

    MIT

    Last publish

    Collaborators

    • everyonesdesign