Как реализовать перелистывание страниц при нажатии стрелок на клавиатуре в Wordpress?

Question

[Rokis]

Есть код:

<div class='next1'>
<?php previous_post_link('%link', '<img src="#" width="45" height="35" alt="previous"  />'); ?>
</div>
<div class='prev1'>
<?php next_post_link('%link', '<img src="#" width="45" height="35" alt="Next" />') ; ?>
</div>

Как реализовать перелистывание страниц при нажатии стрелок на клавиатуре?

Answer 1

[Игорь Воротнёв]

Javascript Keyboard Events (обычно keyup). Чуть подробнее тут. В гугле информации вагонами.

Comments

[Rokis]

Да я это читал, только не могу понять логику javascript, а конкретных примеров я не нашёл

[Игорь Воротнёв]

Rokis: Логика такая - при нажатии кнопки (какой - определяете сами в скрипте) вызывается нужный урл. Конкретных примеров в гугл - тонны. Я вам ключевые слова специально для этого написал. Если вы не знаете javascript и надеетесь найти готовый "плагин на jquery" - так и говорите.

[Rokis]

Значит с <?php next_post_link ?> напрямую связать никак нельзя?

[Игорь Воротнёв]

Rokis: next_post_link() существует только НА СЕРВЕРЕ, это PHP. На клиенте (в браузере) выполнется Javascript. И вместо next_post_link() там будет уже сгенерированный HTML-код. Связывать надо с ним.

[Rokis]

Во, спасибо!

Answer 2

[Rokis]

Нашёл такой код:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript"> 
$(document).keydown(function(e){
    if (e.keyCode == 37) { 
       ??????????
       return false;
    }
});
 </script>

Что вставить вместо вопросов не могу понять?

Comments

[Игорь Воротнёв]

посмотрите какой css-класс или id у ваших next / previous ссылок. а дальше:

var link = $( '#prev-element' ).attr( 'href' );
window.location( link );