Навигация по клавишам со стрелками на клавиатуре с помощью простого слайдера 1.7

#javascript #jquery #keyboard #slideshow

#javascript #jquery #клавиатура #слайд-шоу

Вопрос:

Я пытаюсь отредактировать Easy Slider, чтобы клавиши со стрелками клавиатуры могли перемещаться по слайд-шоу.

Я попытался отредактировать функцию анимации javascript из:

 default:
t = dir;
break;
  

…для:

 default:
t = parseInt(dir);
break;
  

…но это не сработало.

Кто-нибудь знает, как использовать клавиши со стрелками на клавиатуре для навигации по этому слайд-шоу?

Ответ №1:

Предполагая, что ваши следующие и предыдущие ссылки имеют идентификаторы #next и #prev:

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

    else if (e.keyCode == 37) {
         $('a#prev').trigger('click');
    }
});
  

Я также не знаком с easy slider, но если у них есть способ программно переключать слайды взад и вперед, тогда вы могли бы поменять триггеры с ними. Опубликованное решение будет работать нормально.

Комментарии:

1. спасибо за ваш ответ. Я добавил ваш код в свой тег head и, похоже, не могу заставить его работать. Единственное редактирование, которое я сделал, это сопоставил идентификаторы, которые являются prevId и NextID. Вы знаете, что я делаю неправильно? Спасибо 🙂

2. Я также попытался добавить ваш код в простой слайдер по умолчанию здесь: bit.ly/m5KJjC — Я пытался отредактировать идентификаторы в ‘span #NextID’, ‘span #nextBtn’, ‘span # nextBtn a’, но безуспешно.