javascript - 手动推进轨道 slider

标签 javascript jquery orbit

我正在使用 Zurb 'Orbit' Javascript slider ,http://www.zurb.com/playground/orbit-jquery-image-slider ,我想用我自己的 javascript 来手动向左或向右移动 slider 。

基本上,我想用我的内容填充它,然后根据用户与整个页面的交互,让内容“滑动”到 View 之外,而不仅仅是定时器功能或点击导航图片已由图书馆提供。

所以如果我有一个名为“myLink”的链接,那么就像这样......

$('#myLink').click(function() {
   ... code to advance javascript slider...
   $('#content').orbit(?????);
});

如果做不到这一点,我的“内容”将是一个 html 表单和其他类似的东西,有人知道一个很好的免费图书馆已经做了我想要的吗?

最佳答案

使用“afterLoadComplete”获取对轨道对象的引用:

var myOrbit;

$(".orbitSlides").orbit({
        afterLoadComplete: function() {
            myOrbit = this;
        }
});

然后使用'shift'功能来改变幻灯片:

myOrbit.shift(1);

myOrbit.shift('prev');

myOrbit.shift('next');

关于javascript - 手动推进轨道 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13175099/

相关文章:

javascript - 如何通过从angular的ng-init传递的Id获取html元素

jquery - 文本换行在圆的边界内,文本垂直和水平居中

javascript - Window.onbeforeunload - 了解用户点击了什么 Angular 5

javascript - 确保特定的 setInterval 函数实例只运行一次

Python SGP4 1.1 计算不正确的轨道

eclipse构建我的Java EE应用程序时的Javascript缩小?

javascript - Angularjs - 当 $http 内的范围值发生变化时,ng-show 不起作用

在我检查元素之前,Zurb Foundation 中的轨道 slider 无法工作

jquery - 在 .orbit-caption 或 .orbit-caption 中的单个元素上使用 CSS3 fadein?

javascript - 页面的 ember.js 标题作为 Controller / View