我的博客| Blog
- ·在Linux下以php.ta...
- ·Linux下以apache....
- ·非常实用的9个PHP功能,一...
- ·Mysql 日期相加减的写法
- ·浅谈如何提升百度权重值
- ·PHP用PDO同时连接Mys...
- ·我们应该如何提高网站的搜索引...
- ·禁止文本框输入字母
联系我| Contact Me
- 电话:13246679774
- QQ:271538869
- 邮编:518020
- 信箱:service@08321.org
- 地址:深圳市宝安区西乡成人文化学校
诚信稳健,和谐共赢
- 以诚信为立世之本,在稳健的基础上,不断寻求创新与突破。
- 以务实严谨、精微细致的专业精神,为客户做最优质的策划,实现效果最大化。
成功,依稀可见
- 成功,依稀可见!——依希设计
- 成功是很多方面的,很多小的成功可以积累成大的成功,而真正意义上的成功是永远不可能到达的,所以只能依稀可见。
我的博客
JS实现图片加载模糊到清晰
来源:本站编辑 发布日期:2010-8-6 已有 人浏览过此信息
<img src="images/playboy-s.jpg" name="myImage" width="960" height="1285" id="myImage" alt="依希设计" />
<script language="JavaScript" type="text/javascript">
var img = new Image();
img.src = "images/playboy-b.jpg";
img.onload = function() {
document.getElementById('myImage').src = this.src;
}
</script>
使用picasa的时候,注意到它首先是显示模糊的图片,然后图片突然变得清晰,这样做有一定的好处——picasa的图片翻页是用javascript实现的,如果直接载入大图,中间势必会有个空档,用户在这中间会感觉很空虚。实际上是在大图下载完显示之前,显示的是缩略图。
<script language="JavaScript" type="text/javascript">
var img = new Image();
img.src = "images/playboy-b.jpg";
img.onload = function() {
document.getElementById('myImage').src = this.src;
}
</script>
使用picasa的时候,注意到它首先是显示模糊的图片,然后图片突然变得清晰,这样做有一定的好处——picasa的图片翻页是用javascript实现的,如果直接载入大图,中间势必会有个空档,用户在这中间会感觉很空虚。实际上是在大图下载完显示之前,显示的是缩略图。
上一条:CSS3创建惊艳多重边框色
下一条:删格设计解决网站布局乱的问题




