以下是基于jQuery实现图片预读的方法（用jQuery只是为了方便，你也可以使用原生js或者其他类库），以下代码请放入js文件中或者 <script/>块里（事先请保证已加载jQuery类库）：

function imagePreload(images){
    var arr = ['<div style="display:none;">'];
    $.each(images, function(i, data){
        arr.push('<img src="'+ data +'" />');
    });
    arr.push('</div>');
    $('body').append(arr.join(''));
}

调用的时候，使用以下代码：

var preloadImages = [], preloadDir = './img/'; //preloadDir为图片文件所在的路径
preloadImages.push(preloadDir + 'a.jpg'); //这里的每一行添加一张图片，请自行修改图片文件名
preloadImages.push(preloadDir + 'b.jpg');
preloadImages.push(preloadDir + 'c.jpg');
imagePreload(preloadImages); //调用之前写的preload方法

如果不喜欢使用jQuery，那么可以将这个方法改写为：

function imagePreload(images){
    var arr = [], elm = document.createElement('div');
    for(var i=0; i<images.length; i++){
        arr.push('<img src="'+ images[i] +'" />');
    }
    elm.style.display ='none';
    elm.innerHTML = arr.join('');
    document.body.appendChild(elm);
}

评论

• 2011/04/02, Louis Han 说: 看不懂的直接用LazyLoad插件就搞定了
• 2011/04/03, interjc 说: @Louis Han, lazyload和我这要实现的是相反的效果吧，呵呵，没看他的代码，不太了解
• 2011/04/04, 多情人 说: 呵呵 ，学习了
• 2011/04/07, 宁波LED显示屏 说: 代码应该没问题，但是这个到底是个什么样的效果啊？
• 2011/04/08, 老饕 说: 小博客都不折腾了~~我倾向于把图片放在快的服务器+优化~
• 2011/04/08, interjc 说: @老饕, 预读图片并不会使页面加载的更快，相反更慢.. 这只是为了使还没有出现的图片，比如hover背景以及ajax加载的图片展现的更快而采取的措施罢了..主要还是为了用户体验更平滑..
• 2011/04/25, 宝佑 说: 你网站物资太多了，减点速度会更好！
• 2011/04/25, interjc 说: @宝佑, 其实还好，主要是用了Google的Friend Connect显得比较慢而已
• 2011/04/26, 济南汇众 说: 太强悍了！
• 2011/07/15, 超人 说: 主要是jq的效果很漂亮。
• 2011/08/14, 阳澄湖大闸蟹 说: 先收藏了，可能用得上哦
• 2012/02/05, 姬光 说: 你可以用原生的方法，获取图像元素，取src的值，然后分别用new Image()的方法请求一遍，则图像就都预读到本地缓存了。
• 2012/02/08, interjc 说: @姬光, 提供了原生方法啊，new Image()相对耗费资源一点，所以没有那么做。

延展阅读:

• 订阅
• 今天收到了SoapBox邀请
• 订阅
• Wibiya
• 快速切换脱机状态扩展 for Firefox 3.*.*

打开主题中comments.php文件，按Ctrl+F搜索“textarea”，然后在他的后面加上以下代码：

onkeydown="if(event.ctrlKey&&event.keyCode==13)
{document.getElementById('submit').click();return false};"

大概改完以后就是这么个样子：

保存提交，然后就有这个功能了，经我自己测试了，基本上市面上的浏览器都可以很好的支持，爽吗？

Have fun !

评论

• 2010/01/07, 默默 说: 很好很强大
• 2010/01/07, interjc 说: @默默, 貌似是这样的
• 2010/01/07, 潘韬 说: 提示页面加载完毕，但是似乎加载还在继续
• 2010/01/08, interjc 说: @潘韬, 加载完毕是说DOM完毕了，只能大概模拟成这样了，呵呵..
• 2010/01/09, Nox 说: 哇，这个单栏主题实在是太帅了。。。
• 2010/01/09, interjc 说: @Nox, 嘿嘿，多谢夸奖～
• 2010/01/09, Nox 说: @interjc, 呵呵，这个主题是私人主题吧？有个小建议，下面友链上的搜索，美化一下。
• 2010/01/09, interjc 说: @Nox, 是啊，因为有太多个人设置在里面，发布出来可能会给使用者造成很多不便。等以后写个后台在考虑发布吧。 感谢你的建议，下次更新就把它美化一下～
• 2010/01/09, Nox 说: @interjc, 呵呵，发布的时候我先来试用，哇哈哈。。挺喜欢的。不知道为什么，我就是喜欢单栏的主题，呵呵！
• 2010/01/10, 老七 说: 不错很实用~~
• 2010/01/10, Bony 说: 还玩技术，我现在懒得啊，非常。 基本不看什么小窍门了。 唉。。。
• 2010/01/11, interjc 说: @Bony, 。。。
• 2010/01/11, Test 说: 测试之...
• 2010/01/12, interjc 说: 测试..
• 2010/01/12, interjc 说: @interjc, 再次测试..
• 2010/01/17, Zeddicus 说: 支持！ 看到keycode==13让我想起当年学的vb
• 2010/01/25, pingcenter 说: 学习了。。
• 2010/01/25, pingcenter 说: 哈哈，这个功能已经用上了。。
• 2010/01/25, pingcenter 说: 好像评论提交的速度很慢啊。。
• 2010/01/25, interjc 说: @pingcenter, 那是网速或者服务器的问题吧，和这个功能应该没什么关系..
• 2010/01/28, 对shadowblue模板的调整 | 枫之居 说: [...] 2、对评论框增加Ctrl+Enter提交功能 因为我习惯了用Ctrl+Enter提交……方便…… 详细：为你的评论框增加Ctrl+Enter提交功能 [...]
• 2010/02/18, lnesuper 说: 很惊异这个代码兼容性怎样.
• 2010/02/18, lnesuper 说: 非常感谢,测试Firefox下正常.
• 2010/04/02, 分享之家 说: 测试一下 http://www.fenxianghome.cn 分享之家
• 2010/04/05, やみろぐ。 | [實用]為迴響欄添上提交快速鍵(Ctrl+Enter) 说: [...] 每次寫回覆時總是要拿起滑鼠點一點才可以提交迴響，非常麻煩。 所以今天介紹的這個代碼正正就可以解決這個煩惱。(代碼來自這兒) [...]
• 2011/07/28, ediini 说: 测试一下你地这个CTRL+EDTER按钮

延展阅读:

• 在本机安装Shopex
• 评论引用回复插件：Quoter
• Shadow Blue 0.1 Alpha
• ShadowBlue
• 启用了Ajax Comments-Reply