template來源：AutoViewer
 Demo網頁：小雨安安-AutoViewer

這個網頁相簿的特點：

  • 將所有圖片排列成一橫列，可以點選網頁上圖片的左右邊，來切換不同的圖片。
  • 若按下網頁下方的「PLAY」按鍵，會依照所設定的時間來自動播放所有圖片。

但是，我發覺在這個範本中，無法使用中文來做網頁標題及圖片說明，遇有中文字，這些字就會消失不見。

1.安裝及製作網頁相簿：

如何在 Picasa 裡安裝範本及製作出網頁相簿，請參考上一篇的「Picasa template-SimpleViewer」的前幾個步驟，差別只在選擇「網頁範本」時要選擇「AutoViewer」。

2.修改網頁背景顏色：

 修改index.html裡的如下面藍色部分的顏色代碼，就可以修改網頁的背景顏色了。

<script type="text/javascript">
var fo = new FlashObject("viewer.swf", "viewer", "100%", "100%", "8", "#181818");
fo.addParam("scale", "noscale");
fo.write("flashcontent");
</script>

 3.修改 gallerydata.xml 裡的其他設定：

  • title="Rain & Tommy"：網頁標題
  • frameColor="0xFFFFFF"：圖片邊框顏色
  • frameWidth="10"：圖片邊框厚度（像素）
  • imagePadding="20"：圖片間的距離（像素）
  • displayTime="3"：自動播放每張圖片的時間間格（秒，預設為6）

 4.修改預設設定

你若要修改這份範本預設的一些設定值，請修改
C:＼Program Files＼Picasa2＼web＼templates＼autoviewer_picasa_template
裡的

  • indexTemplate.html
  • header.xml