Maximage 2.0 插件:滑动和按键导航
Posted
技术标签:
【中文标题】Maximage 2.0 插件:滑动和按键导航【英文标题】:Maximage 2.0 plugin : Swipe and key navigation 【发布时间】:2013-09-09 14:46:21 【问题描述】:我开始使用这个很棒的插件:http://blog.aaronvanderzwan.com/2012/07/maximage-2-0/
我想实现滑动和箭头键导航。我用jquery检测这些事件没有问题,问题是触发“转到下一张幻灯片”和“转到上一张幻灯片”
我正在使用两个 CSS 类 .arrow_left 和 .arrow_right,因为我的滑块中有多个“左”和“右”按钮。
我尝试在 keydown 或 swipe 事件中触发对这些 css 类的点击,如下所示:
$('.arrow_left').click();
但它似乎打破了滑块并返回到第一张幻灯片。关于如何做到这一点的任何想法?
【问题讨论】:
【参考方案1】:这个 javascript 应该可以解决问题:
<a href="javascript: document.getElementById('arrow_left').click();">PREVIOUS</a>
<a href="javascript: document.getElementById('arrow_right').click();">NEXT</a>
【讨论】:
以上是关于Maximage 2.0 插件:滑动和按键导航的主要内容,如果未能解决你的问题,请参考以下文章