发新话题
打印

贴图时,对图片大小的控制

贴图时,对图片大小的控制

在我们贴多图的时候,经常会遇到图片大小不齐的问题。有的时候,是希望许多图片一般大小,看起来整齐有序;另有的时候,是希望能对图片的宽度高度等有所掌控,这样做帖子起来不受图片原尺寸的限制。

 

这个问题,是可以通过图片的代码来解决的。贴图的方法,我们以前学习过,就是在“所见既所得”用复制-粘贴。这里,我们需要使用一些html代码,所以以下的操作,是要在“Discuz 代码模式”里头,“启用html代码”环境下实现的。

 

贴图的基本代码是:

 

<img src=http://www.abcdefg.jpg width=666 height=333>

 

大意是:

img=图片,

src=图片源地址

width=宽度

height=高度

 

(这里的图片地址,宽度,高度都是我编造的)

 

 

 

我来使用一个例子,讲解一下这个技巧。

 

下面的图片,它的原尺寸是 宽=760, 高=570。

 

这个图片的源地址是 http://images.blogcn.com/2006/10/18/7/pingting1452,20061018132058.jpg

 

不加控制的图片,看起来如下:

 

 

 

如果我们想让这个图片变小一些,比如说,宽度和高度都变小到50%左右. 就是说把宽度变成 380, 高度变成 285。 那么,我们这样来使用代码:

 

<img src=http://images.blogcn.com/2006/10/18/7/pingting1452,20061018132058.jpg width=380 height=285>

 

 

效果如下:

 

 

 

读者一定会提问:要是我有小图片,是不是能用这个办法把图片变大?

 

实践出真知,答案自己去找吧。呵呵。

 

 

 

几点说明:

 

1。 在调整图片的大小时候,注意保持原图的高宽比例,避免比例失调;

2。 img 代码可以填入到其他html代码中,就好像你填入FLASH动画啊,文字啊;

3。 img 代码可以和CSS(层叠式样表)一起使用,从而达到修饰图片(如羽化等等)和定位等效果。

TOP

多谢指点,文章使我对贴图有了更为深入的了解,收藏了。

TOP

    由大变小易,由小变大难!谢谢丹版!
爱恨随风逝,淡然看雨飘。

TOP

丹版的高等教程出炉啦,

期待续续集~~~~~~

TOP

什么时候有时间也来学学.
我灌水,所以我快乐!

TOP

好帖,我正为此头疼呢,没想到及时止疼药来了,待我试试看是不是灵验.

TOP

这个贴子最适用em08.
大变小没关系,小变大会模糊,要有朦胧美是最适合不过的了em50

TOP

发新话题