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

Readme

Keywords

none

Package Sidebar

Install

npm i swiper-fullscreen

Weekly Downloads

17

Version

2.0.5

License

MIT

Last publish

Collaborators

  • everyonesdesign