be-fe / iSlider

Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
http://be-fe.github.io/iSlider/
MIT License
1.66k stars 448 forks source link

iSlider有ajax加载图片的功能吗? #200

Closed fanrong33 closed 9 years ago

fanrong33 commented 9 years ago

需求是这样的,比如一个图集可能有50张图片,但是一次性加载肯定会很耗流量, 所以想要默认加载10张,当看到第8张了,再加载下10张图片。

xieyu33333 commented 9 years ago

现在本来就是这样的,你一次性取过来50张并不会都加载,而是只加载3-5张(取决于是否允许循环),此后每次滑动都会预加载下下张。

fanrong33 commented 9 years ago

假如50张都是网络地址图片。允许循环会有什么差别? 可以手动控制这些预加载机制吗?

但是我将 default.html 放到app上,体验不是很好,特别图片多的情况下,例如20张, 图片会突然变出来,还没下载完的时候,则连续很多张全部都是黑的。

xieyu33333 commented 9 years ago

没什么差别,你如果滑动速度快的话的确会有这种情况,目前的策略是图片load完成后才会展示,所以会有突然变出来的情况,没下载完那么肯定会是黑的。滑动速度很快的话任何图集程序都会出现类似的问题,这个无解。比如微信的做法是先使用已经加载完的小图,大图load完之后再展示大图。但是这个就属于定制化的需求了。

fanrong33 commented 9 years ago

建议看下微信图集,它是滑动到下一张,显示菊花加载中,再显示图片出来

img_2991

xieyu33333 commented 9 years ago

加loading简单,确实可以提高体验,后面我会考虑加上去。