日期:2014-05-17  浏览次数:20836 次

jsp页面图片最后加载,如何做
我现在的jsp页面图片是从数据库中取出来的,但是取的图片有点大,显示很慢,我如何让别的数据先显示出来,图片最后加载出来,这样如何实现,给个思路。
谢谢···

------解决方案--------------------
JQuery懒加载

1.导入JS插件 

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>

2.在你的页面中加入如下的javascript: 


$("img").lazyload(); 

这将会使所有的图片都延迟加载。 

 

当然插件还有几个配置项可供设置。 


1.改变threshold 


$(“img”).lazyload({ threshold : 200 }); 

 把阀值设置成200 意思就是当图片没有看到之前先load 200像素。 



2.当然了你也可以通过设置占位符图片和自定事件来触发加载图片事件 



$("img").lazyload({
placeholder : "img/grey.gif",
event : "click" 
}); 

 
  

3.可以通过定义effect 参数来定义一些图片显示效果 

$("img").lazyload({
placeholder : "img/grey.gif",
effect : "fadeIn" 
}); 

 
------解决方案--------------------
不需要jquery 你可以把设置一个函数加在图片,加载完成之后在把图谱地址赋给img标签的src显示,