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
If true, show the pagination. Defaults to false.
scrollbar
boolean
If true, show the scrollbar. Defaults to false.
Attributes
options
any
Options to pass to the swiper instance. See http://idangero.us/swiper/api/ for valid options
pager
boolean
If true, show the pagination. Defaults to false.
scrollbar
boolean
If true, show the scrollbar. Defaults to false.
Events
ionSlideDidChange
Emitted after the active slide has changed.
ionSlideDoubleTap
Emitted when the user double taps on the slide's container.
ionSlideDrag
Emitted when the slider is actively being moved.
ionSlideNextEnd
Emitted when the next slide has ended.
ionSlideNextStart
Emitted when the next slide has started.
ionSlidePrevEnd
Emitted when the previous slide has ended.
ionSlidePrevStart
Emitted when the previous slide has started.
ionSlideReachEnd
Emitted when the slider is at the last slide.
ionSlideReachStart
Emitted when the slider is at its initial position.
ionSlideTap
Emitted when the user taps/clicks on the slide's container.
ionSlideTouchEnd
Emitted when the user releases the touch.
ionSlideTouchStart
Emitted when the user first touches the slider.
ionSlideTransitionEnd
Emitted when the slide transition has ended.
ionSlideTransitionStart
Emitted when the slide transition has started.
ionSlideWillChange
Emitted before the active slide has changed.
ionSlidesDidLoad
Emitted after Swiper initialization
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 with StencilJS