如何使用箭头键在浏览器中重新加载新的 URl

Question

Facebook 和 myspace 都有一个很好的照片库功能，当您进入图像页面时，页面上会显示用户的图像和用户评论。您可以点击键盘的左右箭头键，页面将加载下一页，它的速度非常快，如果您按住该键，它会快速浏览许多页面。我知道这主要是用 JavaScript 实现的，我的主要问题是如何让新页面加载得很快？

我使用 PHP/mysql/Javascript

Answer 1

您将捕获用户按下的按键以及左箭头和右箭头的响应。捕获密钥并不那么困难：

$(window).bind("keypress", function(e) {
  var code = (e.keyCode ? e.keyCode : e.which); // which code?
  alert(String.fromCharCode(code)); // which key, according to the code?
});

您希望根据自己的喜好调整该代码。如果单击的是右箭头，则发出对 get-image.php?direction=next&user=12838203 的请求，如果是后退箭头，只需将“next”替换为“prev” ”。

$("#loading").show(); // fancy ajax loading animation
$.post("get-image.php", {direction:"next",user:12838203}, function(response){
  // hide our ajax loading animation
  $("#loading").hide();
  // if we get a proper response, like a source for a new image back
  $("#image").fadeOut("fast").attr("src", response).fadeIn("fast");
});

Answer 2

它们实际上并没有加载页面，而只是使用 Ajax。
这就是全部 - 当您按下按钮时，它们会动态加载图像。您可以在 Facebook 中通过开放的 Firebug< /a> 在“网络”选项卡中。

如果您喜欢 JQuery，JQuery Ajax 页面是一个不错的起点观点。

您可以查看流行的 灯箱脚本用于实际示例。