关于我
 

xjpvictor's Blog
小老鼠,上灯台,两只耳朵竖起来

Blogger Photo


各种折腾·blogspot

本文发表于超过180天以前,部分内容可能已经失效

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,再把链接替换掉。

本文 "Blogger Photo" 由 K. Huang 首先发表于 xjpvictor's Blog 并以 CC BY-NC 4.0 许可证发布 © 2011
转载注明引用来源 https://blog.xjpvictor.info/2011/05/blogger-photo/

赞助我

评论

你的邮箱地址不会被公开。必填项以 * 标出

无意义或不相关评论将被删除

取消 上传图片 或拖拽上传

* Some files will not be uploaded. Only png, gif, jpg are allowed and maximum 10 images, each file less than 10M.

你可以添加 10 个 png/gif/jpg 图片 (每个文件小于 10M)

允许使用以下html标签:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

你可以上传文件,粘贴代码或长文至 Drop.it.r

更多相似文章