최고의 사용자 환경을 위해 이미지가있는 페이지를 미리로드하는 가장 좋은 방법

Question

다음 및 이전 버튼을 사용하여 스크롤 할 페이지가 많은 웹 사이트를 만들고 있습니다. 자바 슬라이드 쇼를 만들었지 만, 해시 태그를 만드는 데 많은 문제가 발생하고 이후 이미지가 나올 때마다 사회적 단추가 생깁니다. 그 프레임 워크는 1) JS가 꺼져있는 사용자가 전혀 이미지를 즐길 수 없었기 때문에 2) 내 엉덩이에 통증이 있었기 때문에 버렸습니다.

내가 지금 가지고있는 것은 많은 다음 페이지에 대한 링크가있는 각 페이지의 이미지가있는 많은 페이지 모음입니다.

미리로드 된 이미지 (머리글, 옆줄 및 바닥 글이 '깜박이지 않음')을 제외하고 페이지 전환을 변경 사항처럼 보이게하는 가장 좋은 방법은 무엇입니까? 많이 좋아요 funnycatpix.com/_pics/Cat_Lookout.htm

iframe이나 아약스를 사용하고 싶지 않고 jquery를 최소한으로 유지하고 싶습니다. 내 서버에도 PHP 5가 있습니다.

다음 페이지의 이미지를 캐시합니까? 다음 페이지 전체를 캐시합니까? 헤더 컨트롤을 확장 된 캐시 수명으로 변경합니까?

Answer 1

코드를 보지 않고도 구체적인 도움을 많이 제공 할 수 없습니다. 당신은 그냥이를 사용하여 매우 쉽게 이미지를 캐시 할 수 있습니다 :이 이미지를 미리로드하는 데 사용할 수 있습니다

$("<img>").attr('src', imageSource); 

, 그래서 당신은 "다음"페이지에 표시 할 이미지를 미리로드되어 할 수있는 페이지가로드 될 때 또는 "다음"을 클릭 할 때마다