Blogger里显示图片会生成一个缩略图,点开来的时候会在当前页面打开,个人很不喜欢这种设置,而是更倾向于posterous.com的那种,点开来会在当前页面浮动打开,再点一下又关闭从而回到原页面。为了实现这种效果,根据这个网页的方法,先把ImgWindow.js这个文件上传到随便一个空间,这里顺便吐槽一下Blogger,居然不允许上传文本文件。然后修改Blogger的html模板,在之前添加
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js' type='text/javascript'/>
<script src='/ImgWindow.js' type='text/javascript'/>
把第二句中的/ImgWindow.js需要改为刚才上传的文件的地址。当然那个jquery.min.js也可以在网上空间储存一个copy,然后把地址改为上传的文件地址,以免以后源文件地址失效。
效果如下,点击下面的图片,嗯,突然发现我电脑里mm图片还挺多,娃哈哈
另外一个和图片有关的是lazy load,这个很显然就是懒得加载图片的意思,页面显示到哪里图片就加载到哪里,传说中的多图不杀猫。方法如这个网页,和刚才一样,编辑html模板,在前加入
<script src='http://bnote.googlecode.com/files/jquery.lazyload.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
$("img").lazyload({placeholder : "http://bnote.googlecode.com/files/grey.gif",threshold : 200});
});
</script>
其中的jquery.lazyload.js和grey.gif都可以存一个copy,再把链接替换掉。