Files

ion-slides

The Slides component is a multi-section container. Each section can be swiped or dragged between. It contains any number of Slide components.

Adopted from Swiper.js:
The most modern mobile touch slider and framework with
hardware accelerated transitions.

http://www.idangero.us/swiper/

Copyright 2016, Vladimir Kharlampidi
The iDangero.us
http://www.idangero.us/

Licensed under MIT

Properties

options

any

Options to pass to the swiper instance. See http://idangero.us/swiper/api/ for valid options

pager

boolean

Show or hide the pager

Attributes

options

any

Options to pass to the swiper instance. See http://idangero.us/swiper/api/ for valid options

pager

boolean

Show or hide the pager

Events

ionSlideDidChange

ionSlideDrag

ionSlideNextEnd

ionSlideNextStart

ionSlidePrevEnd

ionSlidePrevStart

ionSlideReachEnd

ionSlideReachStart

ionSlideTouchEnd

ionSlideTouchStart

ionSlideTransitionEnd

ionSlideTransitionStart

ionSlideWillChange

Methods

getActiveIndex()

Get the index of the active slide.

getPreviousIndex()

Get the index of the previous slide.

isBeginning()

Get whether or not the current slide is the first slide.

isEnd()

Get whether or not the current slide is the last slide.

length()

Get the total number of slides.

lockSwipeToNext()

Lock or unlock the ability to slide to the next slides.

lockSwipeToPrev()

Lock or unlock the ability to slide to the previous slides.

lockSwipes()

Lock or unlock the ability to slide to change slides.

slideNext()

Transition to the next slide.

slidePrev()

Transition to the previous slide.

slideTo()

Transition to the specified slide.

startAutoplay()

Start auto play.

stopAutoplay()

Stop auto play.

update()

Update the underlying slider implementation. Call this if you've added or removed child slides.


Built by StencilJS