我的贴图方法
在支持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)没有图,只有文字,可点击文字看全图和原图
点击这里看全图和原图
老椰子
2009年11月28日于纽约
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)没有图,只有文字,可点击文字看全图和原图
点击这里看全图和原图
老椰子
2009年11月28日于纽约
0 Comments:
发表评论
<< Home