第三个资料库网站实例-个人网路相簿.pptVIP

有錯誤訊息 * * * * * * * * * * * * * * * * * * 15-4-1 安裝 Horizontal Looper 首先先完成 Horizontal Looper 的安裝，待會才能用它來製作多列多欄的重複區域。 Step1:連上 Tom-Muck 的網站： /extensions/help/HorizontalLooper/ 往下捲頁到最後一頁，點選到下載的地方。注意要選　PHP 的版本，它會出現下載檔案“HLooperMXPHP.mxp”的對話窗。 捲到網頁的最下方位置下載　PHP 版本程式 回目錄 下一頁 上一頁 下一節 15-4-1 安裝 Horizontal Looper Step2:檔案“HLooperMXPHP.mxp”完成下載之後，執行這個安裝程式檔案就可以開始安裝擴充元件。出現以下畫面時按「接受」。 回目錄 下一頁 上一頁 下一節 15-4-1 安裝 Horizontal Looper Step3:按照指示完成安裝後，就會在 Dreamweaver 的擴充元件管理視窗中看到 Horizontal Looper 已經安裝完成。 如果剛剛在安裝Horizontal Looper時沒有先將 Dreamweaver 關掉，那麼現在必須先將 Dreamweaver 關閉再重新啟動才能使用 Horizontal Looper 這個新加入的擴充元件。 安裝好了 回目錄 下一頁 上一頁 下一節 15-4-2 瀏覽照片縮圖清單 接著就要製作可以瀏覽相簿中所有照片縮圖的首頁了。 ? Step1：打開首頁“index.php”網頁。 Step2：首先建立資料集 rs_album，它 的定義如下： 建立資料集 回目錄 下一頁 上一頁 下一節 15-4-2 瀏覽照片縮圖清單 Step3:從「繫結」面板將資料集的欄位拖曳到表格的欄位中，做為欄位的資料來源，並將每個欄位的對齊方式設為置中。完成的畫面如下： 設定欄位的資料來源 回目錄 下一頁 上一頁 Step4:選取網頁中 {rs_album.ThumbName} 的地方，再切換到程式碼模式。 下一節 15-4-2 瀏覽照片縮圖清單 $row_rs_album[‘ThumbName’] 是相片縮圖的存放路徑與檔名，現在要將它變成為放在 img影像物件的 src （圖檔來源位置）標籤值。 將 ?php echo $row_rs_album[ThumbName]; ? 改為下列程式碼： img src=?php echo $row_rs_album[ThumbName]; ? / ? 例如，當要顯示的照片縮圖檔位置是在： “thumbnail/shrink-20090316092336-011.JPG”時，那麼所產生的HTML 碼便是： img src=thumbnail/shrink-20090316092336-011.JPG / 回目錄 下一頁 上一頁 下一節 15-4-2 瀏覽照片縮圖清單 Step5:再來改檔案大小的部份。因為在資料庫裡儲存的“FileSize”資料欄位所用的單位是位元組（Byte），現在要將它除以 1024，單位則改用“K ”（1024 Bytes）來表示。 將下列這行程式碼： ?php echo $row_rs_album[FileSize]; ? 改為以下這一行程式碼： ?php echo Round($row_rs_album[FileSize]/1024,0) . K; ? ? 至於用 Round(N,0) 函數則是將 N 值取四捨五入到整數位數。 回目錄 下一頁 上一頁 下一節 15-4-2 瀏覽照片縮圖清單 Step6:接下來是重頭戲了。現在您瀏覽這個網頁，只會看到第一張照片的縮圖，那是因為還沒有設好「重複區域」。現在就要靠剛才安裝好的　Horizontal Looper 了。 這個網頁的表格其實有兩層：外層的表格框住整個相簿，內層的表格則是一張照片的資料範圍。和設定重複區域時一樣，要先選取要重複顯示資料的表格區域。 選取整個內層表格，再從「伺服器行為」面板中執行「DW Team」下的「Horizontal Looper MX」，這也是 Horizontal Looper 安裝好之後所加入的執行路徑。 回目錄 下一頁 上一頁 下一節 15-4-2 瀏覽照片縮圖清單 選取內層表格 在設定 Horizontal Looper 屬性的視窗中，將資料集設為 rs_album，顯示方式則設為 2 列 * 5 欄： 回目錄 下一頁 上一頁 下一節 15-4-2 瀏覽照片縮圖清單 Step7:最後，為了讓使用者在瀏覽相簿時可以跳頁，還要加上內建的資料集導覽列按鈕。 將插入點移