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 插件:滑动和按键导航的主要内容,如果未能解决你的问题,请参考以下文章

Android 11 Recent按键流程

Android 11 Recent按键流程

Android 11 Recent按键流程

荣耀9开启虚拟按键

⚠️**不赞成的**⚠️ 一个带有远大梦想的小型滑动面板导航jQuery插件

uni-app吸顶+带动画滑动的tabs导航栏