万维贴图有个两难的问题。如果图片太大,那么loading时间太长。而且显示起来会溢出太多,不是很好看。但是如果图片太小,像素太少,照片会失去品质。失去了贴图的本意。 我解决的办法,是用两张照片。一张用来显示,另外一张,当读者有兴趣时点击较小的一张,可显示较大的一张。 具体的做法,是将同一照片制作一张压缩后的拷贝,然后使用下面的代码: 《a href="http://jimyoung.homelinux.com/wp-content/uploads/2011/04/town2.jpg" target="_blank"》《img class="aligncenter size-full wp-image-2117" title=town2 alt="较小照片" src="http://jimyoung.homelinux.com/wp-content/uploads/2011/04/town2-1.jpg" width="100%"》《/a》(注意代码中的《》,请换成<>.) 显示出来的效果是这样: 这个代码就是在通常显示图片的《img》部分之外,多加一个表示链接的部分(蓝色部分)。注意其中href指向那个较大的文档 town2.jpg。那个img src指向较小的文档 town2-1.jpg。是文章中开始时显示的文档。因为较小,所以初始显示会比较快。注意那个width=”100%“,指示系统按照可能的宽度显示,而不溢出。href是连接的意思,当读者点击较小的图片时,系统会按照链接显示那个较大的图片。 当然,这样做时,您得要先把你的两张图片都上传到您的图片伺服器上去,而且万维可以找得到。自然您也可以就像您平时上传照片一样将图片上传到万维。然后改到代码模式,按上面的方法编译您的代码就可以了。 所谓图片伺服器,简单地讲,就是你保存照片的机器。一般的万维博主当然用的是万维的机器。比方说,老冬儿上传了两幅图片,一幅“野树丛”图片较小,当冬儿上传图片时,万维系统将图片命名为名为20110416110539210962.jpg(野树丛),另外一幅“山花”较大,命名为20110416110719012843.jpg(山花)。如果老冬儿希望显示较小的"野树丛"图片,当读者点击这个"(野树丛)"小图时,再显示"(山花)"大图,就可以将上面的代码改写成下面的样子: 《a href="http://blog.creaders.net/upfile/201104/20110416110719012843.jpg" target="_blank"》《img src="http://blog.creaders.net/upfile/201104/20110416110539210962.jpg" width="100%》《/a》 (注意代码中的《》,请换成<>.) 其效果如下: 您可以注意到,这个”小树丛”图片因为代码中那个width="100%"的缘故,比其实际大小放大了,但不会溢出。点击这个小树丛的图片,应当显示另一幅山花的大图片。 代码中蓝色的部分,指令系统链接到大图。白色部分,是万维原先的有关显示小图的原代码,只是将原有关于图片大小的指令改成了一个width="100%“。 归纳起来,步骤如下: 1. 制作一大一小两幅图片。 2. 用普通贴图法上传两图至万维。 3. 找出图片的万维名称地址(比如 href="http://blog.creaders.net/upfile/201104/20110416110539210962.jpg之类。其中20110416110539210962.jpg是图片名称。可以通过用右鼠标点击图片,然后选择copy image URL得到)。 4. 将万维编译器改为代码形式 5. 按照上面的方法修改代码。 6. 保存修改后的代码。 |