博客增加图片展示功能

博客默默运行几年了,除了有价值的文本,其中也隐藏了很多有用的图片信息,为了使博客增色添彩,决定为哈工大博客增加图片展示的功能。

对today进行图片减肥

自2010年8月today后台编辑器更换以来,没有进行上传图片尺寸的限制,这一失误现在看来后果很严重。

令同一行的图片文本垂直居中对齐

同一行既有图片,又有文本,默认是底部对齐,很难看。通过下边的css代码可解决此问题,在IE6、IE7、IE8及firefox下均调适正常,留此存档:

.text  *{ vertical-align:middle; }

限定图片最大宽度的CSS

图片超宽会跳出内容栏,看上去惨不忍睹。解决方法是:限定图片最大宽度,并使其不失显示比例,当然最要命的是,一定要兼容主流浏览器IE6到IE8以及firefox.。

css限制图片最大宽度

today用户发布的图片偶尔会超宽,超宽的图片会撑破网页影响美观。一开始采用图片自动缩略的方法,发现编辑器在图片发布时设定了原始的宽、高,花了些时间,没有找不到在哪里改,失败。

live writter直接贴图的局限性

在live writte粘贴截图直接发布虽然很舒服,但存在的缺陷似乎找不到解决方法。

1、发布时图片自动生成png格式,其大小是正常jpg格式大小的7倍左右,实在有些太过分了啊。

2、图片超过大小,就提示配置ftp,这也太麻烦了。

第二点毕竟还可以忍受,想办法一次配置一下就成了,可第一点呢,怎么能忍受呢?实在太遗憾了。

在网上没有搜到合适的解决办法,恐怕只有期待live writter升级,为什么不能把剪贴板里的图片生成jpg呢,这难道是个很深的技术问题,希望微软快点解决这个问题。

live writter 图片发布诡异问题解决

用live writter发布图片,最令人惊喜的便是截图、粘贴、发布三步曲即可搞定了。然而事情并非象想象的那么美好。

看上起不错的图片网站

先收起来。

image

新闻网首页的图片缩略策略

拿过来的新闻网首页模板,需实时更新的新闻图片竟有23个之多,这23个图片根据尺寸分为六组,按我的标准图片显然过多,但用户的需求不好生硬打击,也只能暂时就和了。

这些图片的有效缩略是确保首页正常下载的关键,以往的策略是用户发布或设置图片时,根据图片的用途进行缩略,从实现的角度有些麻烦,做什么事都要调一下这个缩略模块。既然所有的缩略图片都是为首页服务的,那么干脆一起处理吧,第一次或许慢点,但以后速度会逐渐提升,毕竟用户不可能每天都更新很多图片。

分页:[«]1[»]