五月
20

javascript 图片预加载(远程获取图片尺寸)

javascript 图片预加载(远程获取图片尺寸)
注:2012.04.19更新,完善对IE的支持,修复onerror在IE下不执行问题。 有时候我们需要获取图片的尺寸,以用来对图片进行位置调整、大小限制等操作,以让图片适应页面的显示。传统的方法都是利用图片onload时获取尺寸,我也在介绍我自己用的限制图片尺寸文章中介绍了这种传统方法。但是最近我在《再谈javascript图片预加载技术》这里发现作者介绍了一种更好的方法,获取的速度远远大于传统的方法。 最近更新的社交媒体连接插件的“我的最新微博”
继续阅读→ 本文标签: , , , , ,

四月
12

JavaScript & images LazyLoad 图片延迟加载(伪lazyload)

JavaScript & images LazyLoad 图片延迟加载(伪lazyload)
注意,有歌声飘出,赶紧静音先! 2011.04.12 16:20更新: 经mice童鞋提醒,这种纯JS的图片lazyload都是自欺欺人,所以大家听歌吧,以下别看了。真正的lazyload需要前后端配合。你可以使用firebug或者chrome自带的开发者工具查看下面demo页面的资源resources或者网络,可以看到图片都是被下载下来了,并不会因为src的改变或者移除而停止加载。 lazyload可以用于很多场合,如JS、css的按需加载;对于页面上很多大图片的网站来说,图片的延迟加载,可以很好
继续阅读→ 本文标签: , , , ,

一月
30

终极完美版javascript获取并限制调整图片尺寸

终极完美版javascript获取并限制调整图片尺寸
请参见最新的《 javascript 图片预加载》。====================================== 好久没更新了,再过几十个小时就农历新年了,这篇是今年最后一篇了,提前预祝大家兔年吉祥如意哈。。。。。 之前我写过一篇《【JavaScript温故知新】获取远程图片的尺寸大小》,文中我提供了获取远程图片尺寸(即图片宽度和高度)的方法。在文末我还附加一段代码,是用来调整图片尺寸的。那段代码并没有什么错误,只是由于我没仔细测试,所以当我现在在我的新主题上应用
继续阅读→ 本文标签: , , , ,

十一月
30

【JavaScript温故知新】获取远程图片的尺寸大小

【JavaScript温故知新】获取远程图片的尺寸大小
请参见最新的《javascript 图片预加载 》 ========================================= 【头题】这又是一篇探讨文。即为我学习中总结,不是教程,不是技术样板,请你抱着怀疑的、挑错的态度来阅读此文。 我早在暑假初的时候写过一篇《我是如何处理文章中图片的》,其实那篇文章中的代码主要是为了限制图片的大小,因为IE对图片的按比例处理支持很不好。比如我对图片限制“max-width:600px”,火狐、chrome等浏览器会按比例缩小图片,而IE这方面较差,往往不是按
继续阅读→ 本文标签: , , ,

七月
14

我是如何处理文章中图片的

我是如何处理文章中图片的
我从来不用WordPress的后台写文章,接触WordPress前我都用上了windows live writer,所以接触了WordPress之后我更加喜欢使用WLW了。 我知道WordPress的新版本支持缩略图,但是我不用此功能,为什么?因为缩略图是使用wp后台上传图片生成,而我使用WLW都是设置上传原图,不要缩略图,因为图片插入文章中前我都处理过,所以并不会太大。况且,大多数情况下,我是使用外链图片的,图片能放在其它托管处,我就尽量不往自己的主机上上传,一来省流量,而来搬家
继续阅读→ 本文标签: , , ,

十二月
03

增强用户体验,进一步美化友链页面,添加loading图片

增强用户体验,进一步美化友链页面,添加loading图片
上篇文章我讲了对友情链接页面的美化——自动添加favicon.ico图标,后来在测试中,发现由于icon图标是从各个网站上下载下来的,由于其所处服务器的不同,导致下载速度不一,有时需要很久才可以下载过来,这严重影响了我的网站的加载速度。有没有什么方法能改变这种状况? 我想到两种方法:一是从根源上解决加载速度问题,即在我的主机服务器上缓存这些图标(本站的gravatar头像图标即利用了缓存),但是我代码不熟,估计写不出来,就不试
继续阅读→ 本文标签: , , , ,