关闭 jQuery Prettyphoto 上的键盘导航

Question

我们正在使用 PrettyPhoto：

http://www.no -margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ 对于我们的投资组合。这使我们能够显示视频、图像或 SWF。 当我们显示使用箭头键的 SWF 游戏时，它与 PrettyPhoto 导航发生冲突。 请参阅我们添加的游戏示例：

http://www.letsdesign.co。 uk/#!prettyPhoto/0/ 这在 PC 上的 IE 中会变得更糟。 不过，该游戏可以在 Mac 版 Firefox 上玩，这是我们希望所有浏览器都能达到的状态。

我们希望找到一种方法来关闭 PrettyPhoto 的导航（通过使用箭头键），这样它就不会与任何游戏内控件发生冲突。我们还有其他游戏要添加，但在解决此问题之前我们无法添加它们。有人有解决办法吗？ 提前致谢。

Answer 1

在 Prettyphoto 的 JavaScript 文件中将 keyboard_shortcuts 设置为 false

Answer 2

我发现了一种非常古怪的方法来禁用箭头键功能。在我的 jquery.prettyPhoto.js 文件中，我刚刚注释掉了 $.prettyPhoto.changePage('previous'); 和 $.prettyPhoto.changePage('next');。

这意味着箭头导航根本不起作用，但我的项目无论如何都不需要它。

Answer 3

不幸的是，有一个错误。我修改了代码，现在效果很好。

这是错误。有一段代码是这样的：

switch(t.keyCode){case 37:e.prettyPhoto.changePage("previous");t.preventDefault();break;case 39:e.prettyPhoto.changePage("next");t.preventDefault();break;case 27:if(!settings.modal)e.prettyPhoto.close();t.preventDefault();break

通过以下代码更改它

if (settings.keyboard_shortcuts) { switch(t.keyCode){case 37:e.prettyPhoto.changePage("previous");t.preventDefault();break;case 39:e.prettyPhoto.changePage("next");t.preventDefault();break;case 27:if(!settings.modal)e.prettyPhoto.close();t.preventDefault();break}

现在作者的设置，称为keyboard_shortcuts，如果将其设置为false，将会很好地工作。

这对于缩小代码有效，我没有检查非缩小代码中是否存在错误（如果有）。

祝你好运！

乔治

Answer 4

在尝试通过将“keyboard_shortcuts”参数设置为 false 来禁用包括（左和右）在内的键盘快捷键后，我求助于覆盖changePage方法并从changepicturecallback方法调用该方法。我发现这样可以轻松选择 PrettyPhoto 的不同体验，而无需编辑核心文件（我永远不会推荐）。

$("a[rel^='prettyPhoto']").prettyPhoto({
  changepicturecallback: function(){
    $.prettyPhoto.changePage = function(){};
  },
});

看看 PrettyPhoto 参数，正确组合它们会非常强大。