JS 图片预加载技术

JS 图片预加载技术

项目开发中时常需要用 JS 判断一张图片是否加载成功,

如果图片加载成功,则执行其相应的 onload 绑定事件,

这个就是我们所说的图片预加载技术,先上最终版代码:

  1. function loadImage(url, callback) {   
  2.     var img = new Image();   
  3.     img.onload = function () {   
  4.         img.onload = null;   
  5.         callback(img);   
  6.     }   
  7.     img.src = url;   
  8. }  

经测试发现 IE6、IE7、IE8:

如果图片已经存于浏览器缓存中,那么再次对该图片发起请求时,

浏览器就会直接从缓存中加载,这样就无法触发其 onload 事件。

Read More >

楼坊街 - 万圣节魔法点灯

halloween-light

赶在万圣节前夕,楼坊街二期终于新鲜出炉啦!

为了能配合实现本期主打的魔法点灯效果,

特别引用了一款名为 Color animation 的 jQuery 插件,

使用这款插件可以轻松实现文字、背景、边框的颜色属性动画。

无奈万恶的 IE6 并不支持 PNG24 透明,只能做渐进增强处理。

这期时间太仓促,下期努力给大家带来更有越儿的交互体验!

附上本期专题地址:http://topic.19lou.com/home/2011/lfj2.html

Win7 下搭建 Node.JS 环境

node-exe-windows-executable

Node.JS 现在是火的一塌糊涂,但其环境搭建却难住了一部份感兴趣的同学,

我开始也一直想寻找一个简易搭建的方法,但最终还是活生生被逼到 Linux 。

但我想说的是不断的在两个系统中切换实在是件苦逼的事儿,

还好官方网站已经放出了解决方案,只要下载 node.exe Windows executable

无需任何繁琐的步骤,就能在 Windows 下一步到位搭建好 Node.JS 环境,轻松打印出 Hello World!

你也可以点击 这里 前往 Node.JS 的官方主页进行下载。

123