Lytebox3 提供3個秀圖選項，基本上以使用「lyteshow[vacation]」為佳，如此可以兼具單張、組圖及幻燈片播放的功能。不過，最好進一步將 lytebox.js 裡「this.autoEnd = true」改為「false」，這樣在單張播放的情形才不會自動關閉，通常我們在單張播放時是希望圖片留在螢幕上，直到我們願意關閉為止。
根據實際編輯所得，將語法切成兩段，在編輯上較為簡明：
<a href="(大圖)" rel="lyteshow[vacation]" title="(大圖說明)">
<img src="(小圖)" alt="(小圖說明)" border="0" ></a>
以上語法可以收入網頁範本，或是收入如 WinClip 的剪貼簿中，以提高編輯的效率。
搭配 Picasa 網路相簿，可以進一步加速編輯的工作。
將圖片上載至 Picasa 網路相簿後，系統會自動將每張圖片製成各種尺寸的縮圖（見 picasawebs hiden thumbnail ），縮圖尺寸如下：s72、s144、s160、s200、s288、s320、s400、s512、s576、s640、s720、s800、s912、s1024、s1152。
複製 Picasa 網路相簿其中一張縮圖網址，即可藉修改路徑達到快速變換圖片尺寸的目的。
例如下面這張的圖片網址是：http://lh6.google.com/(很可怕的長度)/s144/_DSC0182w.jpg，將其貼入上述的秀圖語法中：
<a href="http://lh6.google.com/(很可怕的長度)/s144/_DSC0182w.jpg" rel="lyteshow[vacation]" title="(大圖說明)">
<img src="http://lh6.google.com/(很可怕的長度)/s144/_DSC0182w.jpg" alt="(小圖說明)" border="0" ></a>
假設決定小圖尺寸為200，大圖為800，則直接修改 s 路徑即可。
<a href="http://lh6.google.com/(很可怕的長度)/s800/_DSC0182w.jpg" rel="lyteshow[vacation]" title="(大圖說明)">
<img src="http://lh6.google.com/(很可怕的長度)/s200/_DSC0182w.jpg" alt="(小圖說明)" border="0" ></a>
對於直幅圖片如何決定其尺寸，建議原則上均以長邊為準。
關於免費網頁空間，在 免費資源網路社群 有極大量相關資訊。
沒有留言:
張貼留言