이미지의 우선 순위가 지정된 슬라이드 쇼

Question

슬라이드 쇼 위젯을 찾고 있습니다. jQuery 플러그인으로.

.... ....  +--+ +--+ +--+  .... .... 
. . . . [<] | | | | | | [>] . . . . 
.... ....  +--+ +--+ +--+  .... .... 

요구 사항 :

• 세 보이는 이미지가 빨리로드해야이 같아야하는 방법, 개략적으로 (점선 사각형은 처음에 보이지 않는 이미지, 화살표 버튼을 통해 탐색은) 가능한 한.

• 일반적인 지연로드 없음 : 모든 보이지 않는 이미지가로드 된 후 처음에는 보이지 않는 이미지가 자동으로로드되고 이 바로 사라집니다.

아이디어 : 빠른 초기 페이지로드, 최적의 대역폭 사용, 불필요한 대기 시간 없음.

제안 사항?

Answer 1

페이지를로드 한 후 숨겨진 이미지에 소스를 추가 할 수 있습니다.

숨겨진 이미지 :

$(function() { 
    $('img[data-src]').each(function() { 
     var hImg = $(this), 
      src = hImg.attr('data-src'); 

     hImg.attr('src', src); 
    }); 
}); 

슬라이드 쇼 플러그인 만 물론이 document.ready 함수 뒤에 포함되어야한다 : 같은 페이지로드 실행 뭔가 후 <img data-src="/images/image1.jpg">

.