У меня есть Flexislider, которым я хотел бы управлять снаружи элемента. Я пробовал это:
var myslider = $('.slider').flexslider({
animation: 'slide'
});
$('button').click(function () {
myslider.flexAnimate(3) //Function: Move slider - (target, pause) parameters
});
Но это возвращаетсяTypeError: Object [object Object] has no method 'flexAnimate'
Потом я наткнулся на эту тему(https://github.com/woothemes/FlexSlider/issues/125)что указывает, что это правильный метод:
$('button').click(function () {
myslider.flexslider(3)
});
Однако я не понимаю, как я могу указать скорость анимации. Я хочу, чтобы изменение было мгновенным только для этого события.
Я думаю, мне интересно, как получить доступ к API слайдера, как указано в документах, из-за пределов элемента слайдера
slider //Object: The slider element itself
slider.container //Object: The ul.slides within the slider
slider.slides //Object: The slides of the slider
slider.count //Int: The total number of slides in the slider
slider.currentSlide //Int: The slide currently being shown
slider.animatingTo //Int: Useful in.before(), the slide currently animating to
slider.animating //Boolean: is slider animating?
slider.atEnd //Boolean: is the slider at either end?
slider.manualPause //Boolean: force slider to stay paused during pauseOnHover event
slider.controlNav //Object: The slider controlNav
slider.directionNav //Object: The slider directionNav
slider.controlsContainer //Object: The controlsContainer element of the slider
slider.manualControls //Object: The manualControls element of the slider
slider.flexAnimate(target) //Function: Move slider - (target, pause) parameters
slider.pause() //Function: Pause slider slideshow interval
slider.resume() //Function: Resume slider slideshow interval
slider.canAdvance(target) //Function: returns boolean if slider can advance - (target) parameter
slider.getTarget(dir) //Function: get target given a direction - "next" or "prev" parameter