图片预加载效果的实现
作者：volcano 来源：某人的栖息地 发布时间：2008-06-16 12:08:00
标签：加载,图片,javascript
使用picasa的时候，注意到它首先是显示模糊的图片，然后图片突然变得清晰，这样做有一定的好处——picasa的图片翻页是用javascript实现的，如果直接载入大图，中间势必会有个空档，用户在这中间会感觉很空虚~~
于是我花了点时间，打探它的实现方式，发觉很简单，不是用的lowsrc之类的标记，而是简单的js。好用的JS图片预加载类
代码示例
<img id="myImage" src="small_144.jpg" width="640" />
var img = new Image();
img.src = "http://imghost/big_640_480.jpg";
img.onload = function() {
document.myImage.src = this.src;
}
如此这般，待大图载入完成之后，利用js替换原小图的src，就完成了图片预加载效果。关键点是图片的onload事件利用。
0
投稿猜你喜欢
blur事件在元素失去焦点时触发。在一些jquery的教程、api手册等上面对blur事件，提供了一个错误的例子，就是关于p标签失去焦点的问- 这几个技术都不是很新了,现在还拿出来说也就是为了教教新手了呵呵,各位大虾多多指正.css之所以出现就是为了实现数据与数据的表现形式的分离,
- 导读：SQL Server数据迁移的知识之前已经为大家介绍了很多，比如SQL Server数据库迁移方法，接下来就为大家详细介绍SQL Se
- #region 读写xml文件的2个小函数，2005 4 2 by hyc public void
- 代码如下:using System; using System.Data; using System.Configuration
- 偶然看到 Tanel Poder 提到的一个 Metalink Note (438452.1): Performance Tools Qui
- 文字向下滾動，逐渐隐藏效果~ 挺好的 <!DOCTYPE html PUBLIC "-//W3C//DTD XHT
- 去除字符串左右两端的空格，在vbscript里面可以轻松地使用 trim、ltrim 或 rtrim，但在js
- 什么是 JScript？JScript 是由微软开发的活动脚本语言，基于 ECMAScript 规范实现。Internet Explorer
- 对于个人网站来说，受到建站条件的制约，Access数据库成了广大个人网站站长的首选。然而，Access数据库本身存在很多安全隐患，攻击者一旦
- 代码如下:<％@LANGUAGE="VBSCRIPT" CODEPAGE="65001&quo
- 自己前端开发中常用到的一些技巧及问题解决方法，会常更新，希望对前端路上的朋友有帮助。1、文章标题列表中日期居右显示的方法(提供了两种方法，使
- 在这里我想有必要再较系统说一下ADO的各种对象的方法、属性。毕竟ADO不仅应用在ASP中，VB,VC都可以用到。在这十天中我想主要提到的对象
- <％dim ylj,ywj,Mlpath,Shell,rarcomm,RetCode,cmd,comm,fsoM
- 页面域关系：主页面a.html所属域A：www.aspxhome.com被iframe的页面b.html所属域B：www.cidianwan
- 似乎讨论分页的人很少，难道大家都沉迷于limit m,n?在有索引的情况下，limit m,n速度足够，可是在复杂条件搜索时，where s
- GetObject 函数返回对文件中 Automation 对象的引用。GetObject([pathname] [, class])参数P
- 本文介绍了用ASP的AdoDb.Stream读取/写入UTF-8编码格式的文件的方法：函数名称:ReadTextFile 作用:利用AdoD
- 首先是最常规的方法：<p id="para" title="cssrain demo!" on
- Create PROC P_viewPage
