我正在使用 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/