网页幻灯片(html幻灯片)

Question

我正在尝试制作动态创建的网页(html)的幻灯片。我设法通过点击链接或使用键盘按钮(左/右箭头)浏览到上一页和下一页。我只需要把id=“上一页”和id=“下一页”的链接，我希望是上一页或下一页。

<a id="prev" href="/dynamic-prev-link-here">prev</a>
<a id="next" href="/dynamic-next-link-here">next</a>

另外，我使用jQuery，在加载jQuery之后，我也加载了这个脚本。

jQuery(function( $ ) {
    var keymap = {};

    // LEFT
    keymap[ 37 ] = "#prev";
    // RIGHT
    keymap[ 39 ] = "#next";

    $( document ).on( "keyup", function(event) {
        var href,
            selector = keymap[ event.which ];
        // if the key pressed was in our map, check for the href
        if ( selector ) {
            href = $( selector ).attr( "href" );
            if ( href ) {
                // navigate where the link points
                window.location = href;
            }
        }
    });
});

现在，我也在考虑制作幻灯片功能，它可以有或没有键盘支持，甚至点击一些链接/按钮就可以了。

例如，当点击/按下某个链接/按钮以开始幻灯片放映时，使用id="prev“打开链接，当加载下一个页面时等待大约5秒并再次使用id=" next”打开链接，等等。

是否可以将其包含在当前脚本或其他java脚本中？

Answer 1

有什么原因你不使用像reveal.js这样的东西吗