2010-12-01 5 views
2

나는 Jcarousel을 좋아하지만 멋진 이미지 슬라이드를 허용하는 방법은 이미지를 미리로드하는 것입니다. 대역폭과 페이지로드 시간을 절약하고 싶습니다.Jcarousel ajax - 슬라이드 전에 이미지를로드하는 방법 (아약스)

내 목표 : - 첫 번째 단계는 단일 이미지 만로드하고 표시해야합니다. 두 번째 이미지를로드 할 필요가 없습니다 - 다음을 클릭하거나 prev가 발생하면 이미지를 아약스를 통해 추가 한 다음 슬라이드 효과를 적용합니다.

즉, 사용자가 이전 또는 다음 버튼 중 하나를 클릭 할 때까지 내 페이지에 일반 단일 이미지를 표시 할 수 있습니다. 이런 식으로 클릭이 없으면 쓸모없는 이미지가로드되지 않습니다.

아무도 전에 이것을 시도한 적이 있습니까? 나는 사용자가 내가 다음 4 images.Do 얻을 클릭하면 페이지 당 네 개의 이미지를로드

내가 jcaraousel 구현

답변

0

, 다음

1) 2 할 이미지의 어떤을 얻을) 사용자가 다음을 클릭하면 기존 이미지 src를 다음 이미지로 바꿉니다.

로딩 효과를주기를 원한다면 기본 로딩 gif 이미지를 배경 이미지로 제공하십시오. 우리는 www.allposters.com에서 동일한 작업을 구현했습니다. 작업 데모가 필요한지 확인하십시오.

+0

예제를 살펴보면 모든 이미지가 초기 HTML에있는 것을 볼 수 있습니다. 브라우저에서 다음 버튼을 클릭 한 후에 만 ​​브라우저를로드하는 방법은 무엇입니까? :) – Philooo

+0

트릭은 앞으로 오는 요소를 볼 때 src로 ID를가집니다. src를 다음에 클릭하면 이 id로 바뀌며 id는 http : // imagesource – kobe

+0

스마트 방법입니다. – Philooo

관련 문제