Javascript / jquery iframe следующая / предыдущая навигация

Question

У меня есть сотни html-файлов с именами 2.html, 4.html, 6.html, 8.html и т. Д., И я хочу сделать простую навигацию «следующий / предыдущий» с помощью iframe. Если пользователь нажимает «далее» - html в iframe меняется с 2.html на 4.html. Нажмите «предыдущая» - от 4 до 2.

Уже пробовал это решение с шагом 2 и -2, но оно не работает.

Answer 1

var page = 2;
$(document).ready(function () {
    $('#next').click(function(){
        page += 2;
        $('iframe').attr('src', './'+page+'.html');
    });
    $('#previous').click(function(){
        page -= 2;
        $('iframe').attr('src', './'+page+'.html');
    });
});