目前各大门户网站上的图片浏览是怎么实现的?地址栏参数变化,图片也变化,但是地址没有以生重定向????
如果我们用js 改变img的url,浏览几张图片后浏览器就会死掉,但是各大门户网站是怎样实现的呢?而且还保证地址没有重定向??
比如:
http://photo.bitauto.com/picture/1655/2765643/#&pgi6&ca103442&year2013&im2765643
还有这个
http://news.163.com/photoview/3R710001/74778.html#p=A76BHU713R710001
就是js实现的。 至于地址栏的变化,你有注意吗?变化的是#后面的,而不是会导致浏览器刷新的部分。锚(anchor,也就是#后面的东西)是不会导致页面刷新的。
你的解释有一定道理,我以前做过一个浏览图片的功能,就是js改变img的url但是图片一多,浏览器就受不了了,就会有很多缓存了,除非手动刷新浏览器或重定向。用锚能解决浏览器缓存的问题吗?
@网络终结者: 用锚能解决,只是性能不高,比如图片列表内饰多个图片,只是显示一个,这个 就可以通过锚来 实现。
至于图片多了,会导致系统 卡死的 问题,这是一个麻烦,但,现成的老师就 在 这里,把他们在 解决这个问题时的 策略分析出来,问题也就解决了。
@519740105: 比如?
@网络终结者: 你提供的两个案例网站啊。
除了一楼的方法,在url中加一个时间戳是不是也可以?
你没看明白我 问的意思,要是浏览图片用地址重定向的话,一般人是接受不了的
用JS,Ajax异步请求,异步加载,浏览的时候肯定有一个动作,比如说下拉,下一组,每次执行的时候异步请求取得数据。动态构建容器填充上去。瀑布流什么的都是这种方式的。
异步请求多了浏览器就死那了。
@网络终结者:
怎么可能呢?图片大的话你一次请求5张,图片小一次请求10张。不可能死那的。你又不是重复请求。是每做一个动作请求一次,我们的瀑布流几百张作品展示用的就是这种方式,都没说死那。
锚点不会引起页面刷新。对于多图页面卡死的问题,可以释放掉多余的图片呗,你给的参考地址,图片也不多。
它们先是下载的几个缩略图(很小),然后点击具体图片的时候,再去请求大图片。
根据大图生成小的缩略图。
跟锚点有关系,大网站的我也不懂,你可以研究研究。
不是一口气加载完的。可以按需加载。
偶尔死没事,我发现天猫和京东有时也死