【问题标题】:Keyboard arrow keys navigation with Easy Slider 1.7使用 Easy Slider 1.7 的键盘箭头键导航
【发布时间】:2011-06-02 23:42:13
【问题描述】:

我正在尝试编辑 Easy Slider 以允许键盘的箭头键浏览幻灯片。

我尝试从以下位置编辑javascript's animate 函数:

default:
t = dir;
break;

...到:

default:
t = parseInt(dir);
break;

...但那没有用。

有谁知道如何使用键盘的箭头键来浏览此幻灯片?

【问题讨论】:

    标签: javascript jquery keyboard slideshow


    【解决方案1】:

    假设您的下一个和上一个链接的 ID 为 #next 和 #prev:

    $(document).keydown(function(e){
        if (e.keyCode == 39) { 
           $('a#next').trigger('click');
        }
    
        else if (e.keyCode == 37) {
             $('a#prev').trigger('click');
        }
    });
    

    我也不熟悉简单的滑块,但如果他们有办法以编程方式来回切换幻灯片,那么您可以将触发器换成这些。不过,发布的解决方案可以正常工作。

    【讨论】:

    • 感谢您的回复。我在我的 head 标签中添加了你的代码,但我似乎无法让它工作。我所做的唯一编辑是匹配 ID,即 prevId 和 nextId。你知道我做错了什么吗?谢谢你:)
    • 我还尝试在此处将您的代码添加到默认的 Easy Slider:bit.ly/m5KJjC - 我尝试将 ID 编辑为 'span#nextId'、'span#nextBtn'、'span#nextBtn a'、没有运气。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-09
    相关资源
    最近更新 更多