vqquoc / swiper-fullscreen

Fullscreen gallery based on component/dialog and swiper.js

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