Drupal的最佳图片搭档----Flickr.com

这两天有细细的钻研比较了Drupal的不同图片模块,包括gallery,image,flickr等等,因为imagemagik的缘故,所以都是在本地测试。试来试去,其实最好的图片显示和处理方式却是flickr.com本身,呵呵,一种返璞归真的感觉:)

Drupal或是Blog里插入图片,必须有以下几点要求:第一,方便;第二,可配置性强;第三,实用。以方便论,最方便的其实还是Drupal自己的核心部分在加一个inline,wiki或是bbcode filter。这样上传的照片用最简单的语法就可以显示出来。但是方便却总与可配置性与实用成反比。wiki的图片显示语法最简单,两个方括号就好了,但是图片的位置与属性不能设定;inline自己有一个class,如果更改CSS倒是可以设定一些属性,但是这将会被运用到所有inline显示的图片上,并不灵活;bbcode也有一个自己的class,可以通过定义bb-image来定义bbcode图片的一些基本属性,譬如inline显示,还有border使用1px的灰色实边等;然后结合bbcode本身的特点,利用align或是float来设置图片的位置,与文字环绕,这在几者中应该是最完善的了。可是bbcode也有不少问题。

首先bbcode的align在firefox里对图片无效,即便是你定义了align=center,显示照样还是默认的左对齐。其次,显示图片的最理想方式是:blog中显示缩略图,而点击后显示大图。因为图片过大会影响blog的布局,图片过小又无法看清楚。但是bbcode是无论如何也无法实现这个功能的。实际上,你即便是使用html+css也无法实现上述功能除非你不厌其烦地没上传一张图片都手动作一个缩略图,然后再使用html语法。或者,强行用height, weight参数,但是这样生成的缩略图惨不忍睹。

就缩略图而言,image和gallery都可以利用imagemagik做到,但是做到之后,如何在blog里显示出来又比较麻烦,只能用大段的HTML。相比之下,倒不如flickr.com本身的功能完善了,可以自己生成各个尺寸的缩略图,并且代码已经写好,你所需要做的不过是加入:


style="border:xx;margin:xx;float:xx......."

很简单的。

flickr.com本身提供了一段java代码可以在网页上显示图片,由于drupal的node禁止了java script,所以只能放在block中,天空马札记应该用的就是这个吧。呵呵,原来那个flickr模块现在听不到动静了,如果他能够在把它完善一下,能够在本题显示缩略图、图片名称、和描述的话,那该是最好的,但是现在它还只停留在测试版的阶段,所以不如直接用flickr.com好了,呵呵,下面几幅关于小猫的照片,就是用flickr.com的功能作的:)

Blog分类: