Blogger博友通过QQ和GMAIL问我，我博客里边有个图片展示系统是怎么弄的，因为查询代码很麻烦，我直接告诉他们这个方法的出处是来自国外一个著名的以Blogger模版修改为主题的博客：beautifulbeta，但是好像访问上有些问题，在这里借花献佛，把我自己系统中这块的源码整理出来并详细说明使用和设置方法。
功能实现分为两步，很简单，用一段CSS样式属性代码设计你的图片展示样式，然后每次发图片的时候必须调用这些样式的定义名称，按照CSS规定的格式去发布每一张图片，其实用了这个系统以后，每次发图还是比较麻烦的，不如用PICASA直接发布在博客来得方便，但是用这个系统也有一个很好的优点，你大量的图不会堆积在页面，一张一张排的很长，不过如果你已经有了READMORE这样的文章缩略修改的话，个人感觉是不需要增加这个图片系统的。
我的图片存储是放置在YUPOO上的，因为我有两个博客需要同时发布，这样外部调用图片可以统一在一起，然后用MSLIVEWRITER客户端写，每次直接拷贝发布图片代码，逐行修改图片链接地址即可，需要强调的是，我这段代码定义的宽度为450，高度为350，大家在借鉴的时候注意自己博客模版的文章宽度是否合适，不然有存在撑破页面的潜在危险。同时这个高度和宽度仅适合横拍的图片，又瘦又长的恐怕并不适用，大家可以访问原作者网站，他的代码更加全面，在调用参数中可以自动调整横拍和竖拍的框架效果。源代码是我目前博客模版中的相关参数，有些宽度啦，颜色啦这些大家可以自行修改。代码中有些注释，大家在用的时候直接删掉拷贝粘贴即可。特别提示：改前务必先备份模版！！！
CODE：gallery-code.rar
发布：禾草唐楷 禾草唐楷镜像 关键字：[tag]blogger[/tag]
禾草唐楷坚持原创，推崇原创，继续为您提供：
讨巧的搜狐文品指数
用UCH搭建属于自己的FaceBook
华南虎事件中看关克的博客
为BLOGGER增加简洁书签样式
吴鹏能否令菲尔普斯梦断北京
.text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&img=http://www.h-strong.com/blog/logo.gif','keyit','scrollbars=no,width=475,height=575,status=no,resizable=yes'));keyit.focus(); "添加到POCO网摘"){kind=logo}
暂时没有评论
发表评论 | 展开/关闭评论 | RSS订阅 | 反向链接