Question

我正在尝试制作动态创建的网页（html）页面的幻灯片。我设法通过点击链接或使用键盘按钮（左/右箭头）浏览上一页和下一页。我只需要把id =＆＃34; prev＆＃34;和id =＆＃34; next＆＃34;在链接上我希望是上一页或下一页。

<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 =＆＃34; prev＆＃34;的链接，并且当下一页加载等待约5秒并再次打开时链接id =＆＃34; next＆＃34;，依此类推。

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

Answer 1

您是否有理由不使用reveal.js之类的内容？

网页幻灯片（html幻灯片）

1 个答案: