Question

我的页面上有图库，我想在幻灯片之间添加左/右箭头支持。该模板使用Galleria Folio Theme。

链接在这里：http://url.kybernaut.cz/19

导航代码如下：

<div class="galleria-image-nav">
  <div class="galleria-image-nav-right" style="right: -50px; transition: none;"></div>
  <div class="galleria-image-nav-left" style="left: -50px; transition: none;"></div>
</div>

我在这里被启发Press left and right arrow to change image?但它似乎根本无法运作，代码：

jQuery(document).keypress(function (e){ 
    if(e.keyCode == 37) // left arrow
    {
        // your action here, for example
        jQuery('.galleria-image-nav-left').click();
    }
    else if(e.keyCode == 39)    // right arrow
    { 
        // your action here, for example
        jQuery('.galleria-image-nav-right').click();
    }

请问有人帮帮我吗？它是一个wordpress模板（所以非冲突模式）和脚本正确加载，但无法正常工作。非常感谢你的帮助。

Answer 1

您应该可以使用Galleria API：

Galleria.ready(function() {
    this.attachKeyboard({
        right: this.next,
        left: this.prev
    });
});

Support Reference

API Docs

按左右箭头更改图库中的图像？

1 个答案: