| 萬維貼圖有個兩難的問題。如果圖片太大,那麼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. 保存修改後的代碼。 |