galleria 슬라이드 쇼를 사용하여 이미지로드

Question

Galleria를 사용하여 이미지를 슬라이드 쇼로 표시하고 있습니다. 웹 사이트 연결이 느릴 때 디스플레이 이미지에 문제가 있습니다. 갤러리아 스크립트는 슬라이드 쇼 진행 전에 완성 된 이미지를 웹 사이트에로드하기를 기다립니다. 그래서 나는 갤러리아 스크립트를 설정하여 슬라이드 쇼를 구현하는 대신 인스턴트 이미지 대신 페이지로드 완료 이미지를 기다리는 방법을 모릅니다. 미리 감사드립니다.

Answer 1

별도의 축소판을 사용할 수 있으므로로드가 빨라집니다.

<div id="galleria"> 
    <a href="image1.jpg> 
     <img src="thumb1.jpg> 
    </a> 
    <a href="image2.jpg> 
     <img src="thumb2.jpg> 
    </a> 
... 
</div> 

또한 데이터를 제공하는 thumbnails:lazy 옵션 및 JSON을 사용할 수 있습니다 : 당신이 모양을

<div id="galleria"> 
    <img src="image1.jpg> 
    <img src="image2.jpg> 
... 
</div> 

같은이있는 경우

. 당신은

<div id="galleria"></div> 
<script> 
    var var data = [ 
     { 
      thumb: 'thumb1.jpg', 
      image: 'image1.jpg', 
     }, 
     { 
      thumb: 'thumb2.jpg', 
      image: 'image2.jpg', 
     }, 
     ... 
    ] 

    Galleria.configure({ 
     thumbnails:'lazy', 
     dataSource:data 
    }); 

    Galleria.ready(function(){ 
     this.lazyLoadChunks(3);//loads 3 thumbnails, and than another 3, ... 
    }); 
</script> 

참조 같은 것보다 :

http://galleria.io/docs/references/optimize/

http://galleria.io/docs/references/data/

을