多媒体网路电子相簿系统

1、多媒體-網路電子相簿系統F74942171林宇凡F74942066林江南程式建構環境:Windows XP使用vs2005編輯使用語言:2.0 for c#使用Access建立資料表單,儲存資料.使用CSS和JS來幫助相簿美化.測試方法:利用XP-IIS6來開啟網站.相簿首頁點選相簿分類裡的風景照/albumCategory.aspx.cs protected void Item_Created(Object sender, DataListItemEventArgs e) AccessDataSource ads = new AccessDataSource(); ads.DataFile

2、= /App_data/webData.mdb; ads.SelectCommand = “select * from defaultpage where ca_id=” + Request.QueryString“ca_id” + “ order by album_date DESC”; /從defaultpage表單中按建立時間排序相簿 DataView dv = (DataView)ads.Select(DataSourceSelectArguments.Empty); int PageIndex = (Convert.ToInt32(Request.QueryStringPage) -

3、 1) * Convert.ToInt32(Request.QueryStringPageSize) + e.Item.ItemIndex; if (!(Convert.ToString(dvPageIndex“FirstPic”) = “”) /判斷照片名稱是否存在 System.Web.UI.WebControls.Image IMG = (System.Web.UI.WebControls.Image)e.Item.FindControl(Image1); IMG.ImageUrl = /photos/ + dvPageIndexFirstPic; if (Convert.ToInt32

4、(dvPageIndexFirstPicW) Convert.ToInt32(dvPageIndexFirstPicH) /判斷高和寬的關係 IMG.CssClass = ls; else IMG.CssClass = pt; Item_Created()本函式目的在檢察顯示照片時需要直立或橫放，取出照片顯示於Imag1的控制項中(即albumCategory.aspx裡的標籤Image1)，我們判定當圖片高大於寬時，將 IMag1 的Css樣式設定為”pt”; 若寬大於高時，設定為”ls”. “ls” , ”pt”的定義在style.css檔案中。進入相簿其他JS-Lightbox顯示相片J

5、S-Lightbox顯示相片進入管理模式網站資訊介紹相簿分類管理管理相簿-檢閱建立動態DropDownList在資料表單中每個相簿類別都有一個分類編號，如果使用者選取某一分類名稱，ex:電影，電影的分類編號是”1”, AccessDataSource1控制項會執行WHERE (ca_id LINK “1”) 而取出此分所有相簿資料。管理相簿-新增/刪除相片在類別中新增一個相簿資料庫使用-AccessVS2005中拉資料連結工具在程式碼中的語法JSLightbox2觀看照片特效How to UsePart 1 SetupLightbox 2 uses the Prototype Framewor

6、k and Scriptaculous Effects Library. You will need to include these three Javascript files in your header (in this order). Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles). Check the CSS and make sure the referenced prev.gif and next.gif files are in the righ

7、t location. Also, make sure the loading.gif and close.gif files as referenced near the top of the lightbox.js file are in the right location. Part 2 ActivateAdd a rel=lightbox attribute to any link tag to activate the lightbox. For example: image #1 Optional: Use the title attribute if you want to show a caption. If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example: image #1 image #2 image