用UBB代码给图片[img]添加新的属性-alt属性及边框,使图片更加亲近搜索引擎

[img=1,本站LOGO,left]attachments/month_1003/9201031014858.png[/img][tag]pjblog[/tag] 效果见左图,看到图片有边框了吗?然后鼠标放在图片上,看到图片的title属性(准确地讲是alt属性)提示了吗?搜索引擎要搜到指定相关的图片是比较困难的,因为图片不像文字,它不会自己“说话”,一方面要靠紧挨着图片上、下方的文字来指引搜索引擎,另一方面就是大家都知道的title属性了,A有title属性,当然img也有相似属性--alt用来给图片来提示的,Title用来给链接文字或普通文字提示的。
1、不仅可以灵活地指定哪些图片有边框(并不像修改CSS方法那样,一修改,某一区域内的图片都有边框,因为有些图片本身就有边框,再加一个就难看了)。
2、可以灵活地加入图片的相关信息,比如一张图片是关于帅哥刘德华的,那么title最合适的属性就是“刘德华”,更加便于搜索引擎在你的站点找到“刘德华”图片。
废话不多说,以下是修改方法,很简单。打开common/ubbcode.asp文件,大概在54行,找到:[code] re.Pattern="\[img=(\d*|),(\d*|),(left|right|center|absmiddle|)\](.[^\]]*)(\[\/img\])"
Set strMatchs=re.Execute(strContent)
For Each strMatch in strMatchs
tmpStr1=strMatch.SubMatches(0)
tmpStr2=strMatch.SubMatches(1)
tmpStr3=strMatch.SubMatches(2)
tmpStr4=checkURL(strMatch.SubMatches(3))
strContent=replace(strContent,strMatch.Value,"""""/",1,-1,0)
Next[/code] 在其下面插入以下代码:
[code]加入图片边框、title信息、向左右靠,使用格式:[img=n,alt属性,对齐方式]图片地址[/img] n=0或1 (n=0即为没有边框), alt属性=除了]的任意字符,对齐方式=left 或 right 或 center 或 absmiddle
re.Pattern="\[img=(0|1|),(.[^\]]*),(left|right|center|absmiddle|)\](.[^\]]*)(\[\/img\])"
Set strMatchs=re.Execute(strContent)
For Each strMatch in strMatchs
tmpStr1=strMatch.SubMatches(0)
tmpStr2=strMatch.SubMatches(1)
tmpStr3=strMatch.SubMatches(2)
tmpStr4=checkURL(strMatch.SubMatches(3))
strContent=replace(strContent,strMatch.Value,""""&tmpStr2&"""/",1,-1,0)
Next[/code]

注意:
1、本代码并不像修改css一样,全局地设置图片样式,所以不会影响你以前图片的样式,只有输入固定的格式才能得到预定的效果,更好地满足个性化定制。
2、以前的格式仍然可以使用,比如图片向左靠:[img= left]图片地址[/img]。
3、上面代码红色部分为分别为图片的边框颜色和背景色,默认为白色,如果你的皮肤背景是黑色或红色(最近快过年),你可以相应地改成适合你皮肤的浅色调,比如你的皮肤背景是黑色的,那么可以修改成边框是#999,背景为#F3F3F3的样式,看各人所好了。

新增功能的使用格式(方法)为:[img=n,alt属性,对齐方式]图片地址[/img] n=0或1 (n=0即为没有边框), alt属性=除了]的任意字符,对齐方式=left 或 right 或 center 或 absmiddle(绝对居中) 注:对齐方式必须为这4种中的一种,否则无法显示图片 在添加图片属性时不要与博客所设置的关键字重复不然会导致错误。