swiper-fullscreen
v2.0.5
Published
Lightbox component based on Swiper js and Dialog
Downloads
13
Readme
Swiper-Fullscreen
A fullscreen gallery made with component-dialog and swiper.
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