화살표 키를 사용하여 브라우저에서 새로운 UR1을 다시로드하는 방법

Question

페이스 북과 마이 스페이스 모두 이미지 갤러리, 페이지의 사용자 이미지 및 사용자 설명이있는 페이지로 이동하면 사진 갤러리에 멋진 기능이 있습니다. 당신은 키보드 왼쪽 및 오른쪽 화살표 키를 칠 수 있고 페이지는 다음 페이지를로드 할 것입니다, 그것은 매우 빠릅니다. 나는 이것이 자바 스크립트로 대부분 알고있다. 나의 주요 질문은 새로운 페이지를 빨리로드하는 방법이다.

임 사용하여 PHP/MySQL은/​​자바 스크립트

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에 대한 요청을 시작하고 뒤로 화살표 인 경우 'prev'에 대해 'next'를 스왑합니다. 예를 들어

는

$("#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를 사용하여. 그게 전부입니다. 버튼을 누를 때마다 이미지가로드됩니다. "인터넷"탭에서 열린 Firebug으로 Facebook에서 볼 수 있습니다.

JQuery를 사용하는 경우 JQuery Ajax 페이지를 시작하는 것이 좋습니다.

lightbox scripts의 인기 코드 중 하나의 소스 코드를 살펴볼 수 있습니다.