The public methods will allow you to manipulate the slider using external controls. This is a very useful capability if you want to integrate the slider with other applications.
Method Name | Description |
---|---|
nextSlide() | Opens the next slide. |
previousSlide() | Opens the previous slide. |
gotoSlide(index) | Opens the slide at the specified index. |
startSlideshow() | Starts the slideshow mode. |
stopSlideshow() | Stops the slideshow mode. |
pauseSlideshow() | Pauses the slideshow. |
resumeSlideshow() | Resumes the slideshow. |
scrollToThumbnailPage() | Moves the thumbnail scroller to the specified page. |
scrollToNextThumbnailPage() | Moves the thumbnail scroller to the next page. |
scrollToPreviousThumbnailPage() | Moves the thumbnail scroller to the previous page. |
startThumbnailMouseScroll() | Starts the mouse scrolling functionality. |
stopThumbnailMouseScroll() | Stops the mouse scrolling functionality. |
startThumbnailMouseWheel() | Starts the mouse wheel functionality. |
stopThumbnailMouseWheel() | Stops the mouse wheel functionality. |
doSliderLayout() | Forces the slider to re-position all elements. The position of the elements depends on the specified width, height, scaleType and alignType. |
getSlideshowState() | Gets the current slideshow state. Returns 'playing', 'paused' or 'stopped'. |
getCurrentIndex() | Gets the index of the current slide. |
getSlideAt(index) | Gets all the data of the slide at the specified index. Returns an object that contains all the data specified for that slide. |
getTriggerType() | Returns a string that indicates what triggered the slider to navigate to a different slide. Possible values are: 'none', 'previousButton', 'nextButton', 'button', 'slideshow' and 'thumbnail'. |
isTransition() | Checks if the slider is in the transition phase. Returns true or false. |
totalSlides() | Returns the total number of slides. |
getSize() | Returns an object that contains the width and height of both the slider and the slide. The returned object has the following properties: sliderWidth, sliderHeight, slideWidth and slideHeight. |
destroy() | Stops all running actions. It's recommended to call this method before removing the slider from the DOM. |
In the code example below, you can see that we use 2 external buttons to navigate to the previous and to the next slide. As you can notice, first we need to assign the slider instance to a variable, in this example: 'slider', and then we use that variable to call the slider methods that we want.
<script type="text/javascript"> var slider; jQuery(document).ready(function($) { slider = $('#my-slider').advancedSlider({ width: '100%', height: 400, horizontalSlices: 8, verticalSlices: 4, thumbnailsType: 'scroller', visibleThumbnails: 4 }); }); function previous() { slider.previousSlide(); } function next() { slider.nextSlide(); } </script> </head> <body> <input type="button" value="Previous Slide" onclick="previous();"/> <input type="button" value="Next Slide" onclick="next();"/> </body>
0 Comments