改了一下。



所有跟贴·加跟贴·论坛主页

送交者: lyz 于 November 28, 2009 22:44:36:

回答: 给A兄 由 老椰子 于 November 28, 2009 21:10:10:

稍稍修改了一下,使叙述严谨一些。。

在支持HTML语法的环境下(如在吉坛或在blogger.com),我选择了三个基本功能贴图,分别表现为:

1)适应窗口宽度的图(95%,略小于窗口)
2)适应窗口宽度的图+点图看图功能(1的严格扩充)
3)提示文字+点文字看图功能

上述(1)、(2)、(3)都可以单独使用,也可以(1)、(3)或(2)、(3)合用。我近些年一直采取主要(2)、(3)合用的方法,所以图都首先适应窗口宽度,其次可以通过点击图或者点击提示文字进入在窗口内的全图显示状态(加入了高度因素),对较大的图随后可不管窗口大小利用系统提供的放大光标进入原大状态(original)。

上述三功能的HTML语言语法应用示例如下(以方括号代尖括号):

(1)适应窗口宽度的图
[img src="http://i23.photobucket.com/albums/b381/laoyezi/IMG_1002.jpg" width="95%" border="0" /]

(2)适应窗口宽度的图+可点击图片看全图和原图
[a href="http://i23.photobucket.com/albums/b381/laoyezi/IMG_1002.jpg" target="_blank"][img src="http://i23.photobucket.com/albums/b381/laoyezi/IMG_1002.jpg" width="95%" border="0" /][/a]]

(3)没有图,只有文字,可点击文字看全图和原图
[a href="http://i23.photobucket.com/albums/b381/laoyezi/IMG_1002.jpg"][br]点击这里看全图和原图[/a]]

效果演示如下:

(1)适应窗口宽度的图

(2)适应窗口宽度的图+可点击图片看全图和原图

(3)没有图,只有文字,可点击文字看全图和原图

点击这里看全图和原图





所有跟贴:


加跟贴

笔名: 密码(可选项): 注册笔名请按这里

标题:

内容(可选项):

URL(可选项):
URL标题(可选项):
图像(可选项):


所有跟贴·加跟贴·论坛主页