jquery - Loading image using galleria slide show -


i'm using galleria display images slide show. i'm getting problem display images when connection website slow. galleria script waits load completed images on website before process slide show. don't know how config galleria script implement slide show instantly images instead waiting page loaded completed images. in advance

you can use separate thumbnails, loading faster.

if have like

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

it like:

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

you can use thumbnails:lazy option , json serve data. have like

<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, , 3, ...     }); </script> 

references:

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

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


Comments

Popular posts from this blog

php - Why I am getting the Error "Commands out of sync; you can't run this command now" -

linux - Does gcc have any options to add version info in ELF binary file? -

java - Are there any classes that implement javax.persistence.Parameter<T>? -