일반 이미지 미리로드 질문

Question

자바 스크립트 - jquery 및 PHP로 코딩하는 데 익숙합니다. 나는 폴더를 가지고 있고, 100 개의 이미지를 스캔하고, 스캔하여 화면에 보이지 않게하고, 지연을 줄인다. 그 중 많은 부분이 꽤 잘될 수있다.

질문 : 속도 만 목적 제가

그래서 상기 단 2 화상 부하를 갖는 ...을 img1 얻을 그것을 등등 예압 가 기다려 img3 ... 및 IMG2 2-3 제 2 페이드 기다려 예압 IMG2 표시하고자 같은 시간은 훨씬 빨라지고 코드 작성이 많이 필요하지 않고 다음 이미지로 바꿀 것입니다 ...

자, 100 이미지를 가지고 있으면로드가 느려지므로 250 정도는 사용하지 마십시오! 그 컴퓨터를 그냥 죽일 어떤 아이디어

나는 아약스 광고 jquery에 대한 생각을 동적으로 img 참조 및 예고 .... 변경 생각 어떤 사람?

Answer 1

, 당신은 image.load 이벤트의 콜백 내가 그러나 그것은 않는 일이 의심하지 않았다

 images = [ "one.jpg", "two.jpg" ...]; 
     divs = ["#first", "#second"]; 
     fore = 0; 

     function show() { 
      if(!images.length) return; 
      var back = 1 - fore; 
      $(divs[back]).html("<img>").find("img").attr("src", images.shift()).load(function() { 
       $(divs[fore]).fadeOut(); 
       $(divs[back]).fadeIn(); 
       fore = back; 
       setTimeout(show, 1000); 
      }); 
     } 

Answer 2

image1을 표시하는 동안 이미지 태그를 만들거나 javascript 이미지 객체를 사용하여 image2를로드하고 캐시하도록 브라우저를 가져옵니다.

이미지를 전환 할 준비가되면 이미지 이미지 1에서 이미지 2로 메인 이미지를 업데이트하십시오.이 이미지는 브라우저 캐시에 이미 있으므로 지연되지 않습니다. 이 시점에서 숨겨진 이미지를 image3으로 업데이트하고 완전히로드 될 때까지 기다립니다. HTTP : // JQuery와의