Interface RoyalSlider

Index

Properties

Methods

Properties

public currSlide: JQuery

current slide object

public currSlideId: number

current slide index

public dragSuccess: boolean

Boolean, changes on mouseup, indicates if slide was dragged. Used to check if event is drag or click.

public ev: JQuery

jQuery object with slider events

public height: number

height of slider

public isFullscreen: boolean

indicates if slider is in fullscreen mode

public nativeFS: boolean

indicates if browser supports native fullscreen

public numSlides: number

total number of slides

public slides: Array<any>

contains all data about each slide

public slidesJQ: JQuery[]

Contains list of HTML slides that are added to slider

public st: RoyalSliderOptions

Object with slider settings

public width: number

width of slider

Methods

public appendSlide(element: JQuery, index?: number)

Dynamic slides adding/removing

Parameters

  • element: JQuery
  • index?: number optional

public destroy()

removes all events and clears all slider data (use on ajax sites to avoid memory leaks)

public enterFullscreen()

Enter Fullscreen mode

public exitFullscreen()

Exit Fullscreen mode

public goTo(id: number)

go to slide with id

Parameters

  • id: number

public next()

next slide

public playVideo()

Play video

public prev()

prev slide

public removeSlide(index?: number)

Remove slide

Parameters

  • index?: number optional

public setThumbsOrientation(orientation: string)

changes orientation of thumbnails

Parameters

  • orientation: string

public startAutoPlay()

Start autoplay

public stopAutoPlay()

Stop autoplay

public stopVideo()

Stop video

public toggleAutoPlay()

Toggle autoplay between start and stop

public toggleVideo()

Toggle video between start and stop

public updateSliderSize(forceResize?: boolean)

updates size of slider. Use after you resize slider with js.

Parameters

  • forceResize?: boolean optional

public updateThumbsSize()

updates size of thumbnails