使用環球免稅店幻燈片放映圖像

Question

我正在使用環球免稅店來以幻燈片形式顯示圖像。當網站連接速度變慢時，顯示圖像時出現問題。 Galleria腳本在進行幻燈片播放之前會等待在網站上加載完整的圖像。所以我不知道如何配置Galleria腳本來實現幻燈片顯示即時圖像，而不是等待頁面加載完成的圖像。 在此先感謝

Answer 1

您可以使用單獨的縮略圖，因此加載速度會更快。

，如果您有類似

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

它看起來像：

<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"></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/